博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue学习(十五) 过滤器简单实用
阅读量:7124 次
发布时间:2019-06-28

本文共 664 字,大约阅读时间需要 2 分钟。

vue过滤器:

概念:vue.js允许你自定义过滤器可被用作一些常见文本的格式化。过滤器可以用在两个地方:插值表达式   v-bind表达式  由管道符指示

//过滤器调用时候的格式{
{ name | 处理的函数名 }}//可以通过Vue.filter来自定义过滤器 data就是管道符" | " 前面的内容,也就是nameVue.filter('过滤器名称',function(data){   return data+'hahahaha'})//该过滤器就是为插值表达式的name自动加上hahahaha 最终在页面上显示 的是name的值hahahaha

 

//html 需求:使用过滤器把单纯替换为天真
 

{

{
msg | msgdeal}}

//管道符前面的值会传递给过滤器参数  

{

{msg | msgdealAuto('疯狂','11222333')}}

//将某些目标替换为 疯狂 管道符会被传递到过滤器第一个参数,过滤器参数会被传递到第二个参数

{

{msg | msgdeal | test}}

//可以连续调用多个过滤器,msg先被msgdeal处理后 再接着被test过滤器处理 最后插值表达式的值是 曾经某人也是一个天真=====的少年,天真=====的认为~~~
//script

 

转载于:https://www.cnblogs.com/xuchao0506/p/10849831.html

你可能感兴趣的文章
CPrintDialog 构造函数参数详解
查看>>
foreign key
查看>>
【二分答案】【字符串哈希】bzoj2084 [Poi2010]Antisymmetry
查看>>
Hbase 参数配置及优化
查看>>
看病要排队(stl)
查看>>
springMVC的controller返回值
查看>>
Httpclient与RestTemplate的比较(比httpClient更优雅的Restful URL访问)
查看>>
instance of
查看>>
TOJ 4701 求阴影部分面积
查看>>
TFS命令行操作
查看>>
分披萨
查看>>
激活IDEA 2019.1
查看>>
DedeCMS文章标题前增加所属栏目名称链接
查看>>
[ Luogu 4917 ] 天守阁的地板
查看>>
iOS动画案例(2) 仿网易新闻标题动画
查看>>
OpenCV和Matlab
查看>>
扩展字符集UTF-8
查看>>
简谈如何提高APP的积分墙收入!
查看>>
Metasploit
查看>>
被忽略却很有用的html标签
查看>>