Vue中过滤器的使用方法(大小写参考)

vue

今天跟大家分享一下Vue中过滤器的使用方法

画画的贝贝!画画的贝贝

快乐一下


写法可以是这样的,| 这个符号可以理解为一个管道,前面就是我们要渲染的节点

后面的 toUpper可以理解为编译器节点
| 这个是用来疏通的 !画画!


先赋予app元编程的能力,给上面的mag渲染字符 Vue.js,注意此时这段字符只有V是大写

下面是过滤器的写法

先讲解一下filter过滤器,“画画的贝贝!!!”
他和画画的贝贝没有关系哈!

filter加工车间,可以加工可以筛选

filter的作用是:对值进行筛选加工。

上面图片没有new实例,直接使用vue的filter
,通过管道进行筛选,使用toUpperCase进行大写改变


过滤后的原字符Vue.js全部变成了如图所示的大写

第二种写法


在app里使用,通过toLower管道进行筛选,返回使用toLowerCase进行小写的字符

此时他变成了这样


原字符Vue.js中v是大写,此时通过过滤器变成如图,全部小写

画画! 完工辽,哪里不对请各位提出来,原创文章使用请d我

麻烦看完的你点个赞,不胜感激涕零

差点忘了说,点关注不迷路!

感兴趣私信我,我们不一定擦出火花,放心hh

以上是 Vue中过滤器的使用方法(大小写参考) 的全部内容, 来源链接: utcz.com/z/378231.html

回到顶部