vue中如何配置全局过滤器及分享字符串连接的方法

一、在src下创建filters文件夹，在index.js中定义方法：

（1）在创建的index.js中写入这个连接字符串方法：

export function listJoin(list, key, joinStr) {
  let result = ''
  const strArray = []
  for (const item of list) {
    strArray.push(item[key])
  }
  result = strArray.join(joinStr)
  return result
}

（2）使用： 可以在.vue文件中的method直接使用
【this.$options.filters.listJoin(数组,要连接的字段,连接字符)】

var name = this.$options.filters.listJoin(this.list, 'name', '，')
console.log(name) //返回的是连接的名字，如："张三,李四"

二、打开main.js

配置：

import * as filters from './filters' //gloabl filters全局配置过滤器

Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

即

三、测试一下：
console.log(this.$options.filters)：打印出在filters文件中定义的所有方法；

使用： 直接this.$options.filters.方法名(参数)

this.$options.filters.listJoin(list, key, joinStr)