您现在的位置是:首页 > 网站制作 > vue.js心得vue.js心得
全局过滤器
杨青青2022-09-07【vue.js心得】人已围观
简介使用 {{item.address | cutCharacter(10)}}
第一步:新建文件目录和文件
utils目录新建 filters.js
export const filters = {
//限制字数
cutCharacter(str,num){
if(str) {
if(str.length > num) {
return str.substring(0,num) + '...'
}else{
return str
}
}else{
return str
}
},
}
第二步:main.js引入和注册全局
import { filters } from '@/utils/filter.js'
// 定义全局自定义过滤器
Object.keys(filters).forEach(key => {
Vue.filter(key, filters[key])
})
第三步:使用
<text class="f14">{{item.address | cutCharacter(15)}}</text>
Tags:
很赞哦! ()
上一篇:vue防抖,节流函数