修改列表标题出现空格问题

src/views/list.vue

@@ -8,7 +8,7 @@
       <div class="box" v-if="!isnew">
         <div class="text" v-for="(item, index) in contentList" :key="index">
           <el-image class="jt" :src="icon"></el-image>
-          <div class="title" :class="{ istitle: item._id == id }" @click="newClick(item)">{{ item.title | title }}</div>
+          <div class="title" :class="{ istitle: item._id == id }" @click="newClick(item)">{{ item.title | titles }}</div>
           <span class="date">{{ item.date | dates }}</span>
         </div>
         <pagination ref="pagination" class="pagination" :total="listTotal" @query="filterQuery"></pagination>
@@ -59,7 +59,6 @@ export default {
   },
   async mounted() {
     this.id = sessionStorage.getItem('id');
-    console.log(this.id);
     const listPage = sessionStorage.getItem('listPage');
     // 所有菜单
     await this.menusQueryAll();
@@ -121,8 +120,8 @@ export default {
     dates(e) {
       return moment(e).format('YYYY-MM-DD');
     },
-    title(e) {
-      return e.replace(/\n/g, "");
+    titles(e) {
+      return e.replace(/\n/g, '');
     }
   }
 };

src/views/templates/ztjy/list.vue

@@ -5,7 +5,7 @@
       <div class="listtitle">{{ menu.name }}</div>
       <ul class="listBody">
         <li class="listItem" v-for="i in contentList" :key="i._id" @click="detailsClick(i)">
-          <div class="listname">{{ i.title | title }}</div>
+          <div class="listname">{{ i.title | titles }}</div>
           <div class="listtime">{{ i.createAt | dates }}</div>
         </li>
       </ul>
@@ -58,7 +58,7 @@ export default {
     dates(e) {
       return moment(e).format('YYYY-MM-DD');
     },
-    title(e) {
+    titles(e) {
       return e.replace(/\n/g, "");
     }
   }