您现在的位置是:首页 > 网站制作 > 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:

很赞哦! ()

文章评论

    共有条评论来说两句吧...

    用户名:

    验证码:

站点信息

  • 建站时间:2019-1-11
  • 文章统计142篇文章
  • 标签管理标签云
  • 统计数据百度统计
  • 建站,写前端联系我:扫描二维码,