查看“Vue从入门到实战:过滤器的串联”的源代码
←
Vue从入门到实战:过滤器的串联
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
您可以查看与复制此页面的源代码。
过滤器总是接收管道符(|)前的表达式作为第一个参数, 利用该特性,可以将多个过滤器通过管道符串联起来使用,形成类似于方法链的调用形式。 <nowiki> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id = "app"> <p>{{message | uppercase | reverse}}</p> </div> <script src="vue.js"></script> <script> Vue.filter('uppercase', function (value) { if (!value) return ''; value = value.toString(); return value.toUpperCase(); }) Vue.filter('reverse', function (value) { if (!value) return ''; value = value.toString(); return value.split('').reverse().join(''); }) var vm = new Vue({ el: '#app', data: { message: 'hello world' } }); </script> </body> </html></nowiki>
返回至
Vue从入门到实战:过滤器的串联
。
导航菜单
个人工具
登录
命名空间
页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
帮助
工具
链入页面
相关更改
特殊页面
页面信息