vue的过滤器filter实例详解

// 限制汉字的个数
export const limitWordLength = Vue.filter('limitWordLength', (str, length, sufix) => {
 / eslint-disable /
 let r = /[^\x00-\xff]/g // 双字节正则
 let m
 if (str.replace(r, '').length > length) {
  m = Math.floor(length / 2)
  for (let i = m, l = str.length; i < l; i++) {
   if (str.substr(0, i).replace(r, '').length >= length) {
    return str.substr(0, i) + sufix
   }
  }
 }
 return str
})

import { limitWordLength } from '../filter.js'

<p class="news-cont">{{news.summary | limitWordLength(26, '...')}}</p>

<p class="news-cont">{{news.summary | limitWordLength}}</p>

.news-cont {
  font-size: 12px;
  color: #747474;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
 }