扫描二维码下载沐宇APP

沐宇

微信扫码使用沐宇小程序

沐宇

vue如何自定义过滤器

扬州沐宇科技
2021-05-11 17:26:40
vue

在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'

上一条:vue如何监听变量

扫码添加客服微信