Vue2中全局过滤器的注册与使用

1.新建filter.js文件，将所有的全局过滤器放在里面

// filter.js
const filter = {
  sliceTxt: (txt, length) => {
    if (length > 120) {
      let newTxt = txt.slice(0, 120)
      return newTxt
    } else {
      return txt
    }
  }
}

2.main.js中全局注册

// main.js
import filter from '../filter'
for (let key in filter){  //一定要放在 new Vue之前
  Vue.filter(key, filter[key])
}

3.在vue文件中的使用

<P>{{item | slice(140)}}</p> // item是过滤器的默认参数在这里对应的是txt，140是第二个参数

如果你不想新建filter.js文件，可以直接在mian.js中注册：

// main.js
Vue.filter('filterName', txt => {
    return txt
})

官方文档地址：点击打开链接