温馨提示×

vue如何自定义过滤器

vue
养鱼的猫咪
354
2021-05-11 17:26:40
栏目: 编程语言

在vue中自定义过滤器的方法:1.新建vue.js项目;2.使用Vue.filter()方法自定义过滤器;

vue如何自定义过滤器

具体步骤如下:

1.首先,在vue-cli中创建一个vue.js项目;

vue create project-name

2.vue.js项目创建好后,在项目中使用Vue.filter()方法即可自定义一个过滤器;

Vue.filter("sumnum",function(value){

return value + 10;

});-

相关扩展:

1)使用uppercase过滤器将表达式中的所有字母转换为大写形式

{{'abc' | uppercase}} // 'abc' => 'ABC'

2)使用lowercase过滤器将表达式中的所有字母转换为小写形式

{{'ABC' | lowercase}} // 'ABC' => 'abc'

3)使用capitalize过滤器将表达式中的首字母转换为大写形式

{{'abc' | capitalize}} // 'abc' => 'Abc'

0