修改列表出现空格问题

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 }}</div>
+          <div class="title" :class="{ istitle: item._id == id }" @click="newClick(item)">{{ item.title | title }}</div>
           <span class="date">{{ item.date | dates }}</span>
         </div>
         <pagination ref="pagination" class="pagination" :total="listTotal" @query="filterQuery"></pagination>
@@ -120,6 +120,9 @@ export default {
   filters: {
     dates(e) {
       return moment(e).format('YYYY-MM-DD');
+    },
+    title(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 }}</div>
+          <div class="listname">{{ i.title | title }}</div>
           <div class="listtime">{{ i.createAt | dates }}</div>
         </li>
       </ul>
@@ -57,6 +57,9 @@ export default {
   filters: {
     dates(e) {
       return moment(e).format('YYYY-MM-DD');
+    },
+    title(e) {
+      return e.replace(/\n/g, "");
     }
   }
 };