当前位置: 代码迷 >> 综合 >> vue定义公共的filter方法,并使用this.$options.filters.方法名称 访问方法。
  详细解决方案

vue定义公共的filter方法,并使用this.$options.filters.方法名称 访问方法。

热度:26   发布时间:2023-09-29 06:44:19.0

定义公共的过滤方法:

过滤器文件: (位置可以自定义, 可以定义多个js, 多个方法)

src/filter/index.js 

在index中定义一个方法:

export default {formatDate(date) {var Y = date.getFullYear() + '-';var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + '';return Y + M + D;}
}

配置:

import filters from './filters'   //过滤器文件所在位置/*** 统一的过滤器*/
for (let i in filters) {Vue.filter(i, filters[i])
}new Vue({el: '#app',router,filters,  //过滤器template: '<App/>',components: { App }
})

使用: this.$options.filters.方法名称

let date = new Date();console.log('date:', date);let filterDate = this.$options.filters.formatDate(date);console.log('filteDate:', filterDate);

  相关解决方案