详情字符字数限制

src/views/pre-book/detailsPreBookDrawer.vue

@@ -69,7 +69,7 @@
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="收货人地址" prop="consigneeAddress">
-                  {{ preBookDetails.consigneeAddress }}
+                  {{ preBookDetails.consigneeAddress | ellipsis}}
                 </a-form-model-item>
               </a-col>
 
@@ -306,6 +306,16 @@ export default {
     }
   },
   created() {},
+  filters: {
+                //文字数超出时，超出部分使用...
+                ellipsis(value) {
+                    if (!value) return ''
+                    if (value.length > 20) {
+                        return value.slice(0, 20) + '...'
+                    }
+                    return value
+                }
+            },
   methods: {
     // 抽屉 取消
     onClose() {