其他分享
首页 > 其他分享> > 字段长度限制,超出省略 悬浮显示全部

字段长度限制,超出省略 悬浮显示全部

作者:互联网

代码:

   <template slot="note" slot-scope="text,record">
        <a-popover>
             <template #content> {{ text }} </template>
             <div>{{ record.note | fieldLength }}</div>
        </a-popover>
   </template>

 

//过滤
  filters: {
     fieldLength(value) {
         if (!value) return '';
         if (value.length > 10) {
              return value.slice(0, 10) + '...'
         }
            return value
        }
    }

 

效果:

 (正常显示,超出10个字省略)     (悬浮显示全部)

 

标签:10,return,段长度,悬浮,value,省略,fieldLength
来源: https://www.cnblogs.com/CaraganaMicrophylla/p/16550465.html