vue.filter，全局过滤器

最新推荐文章于 2022-11-07 09:24:40 发布

置顶小程序大梦想

最新推荐文章于 2022-11-07 09:24:40 发布

阅读量192

点赞数

分类专栏： vue 文章标签： vue filter 过滤器 vue.filter 局部过滤器

本文链接：https://blog.csdn.net/qq_39594951/article/details/109294555

版权

vue 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

(1)可被用于文本格式化等

<div v-submit>{{'aaa' | nameformat('2')}}</div>

(2)全局注册过滤器,新建一个js文件,然后在main.js中引入即可

import Vue from "vue";
//文字过滤方式
Vue.filter('nameformat',function(name,type){
    if(name){
        if(type == 1){
            name = 'bbb'
            console.log(name)
            debugger
            return name
        }else if(type == 2){
            name = 'ccc'
            console.log(name)
            debugger
            return name
        }
    }

    console.log(type)
    // debugger
})

(3).局部注册过滤器

filters:{
    nameformat(name,type){
      if(name){
        if(type == 1){
            name = 'bbb'
            console.log(name)
            debugger
            return name
        }else if(type == 2){
            name = 'ccc'
            console.log(name)
            debugger
            return name
        }
      }
    }
  },