Vuejs 过滤器的使用
Vuejs 过滤器的使用
hedeqiang
发布于 2019-12-17 12:43:26
发布于 2019-12-17 12:43:26
代码可运行
运行总次数：0
代码可运行
过滤器 filters
Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由「管道」符号 ‘|’ 指示： 以上来自官方文档解释
我自己的理解：
格式化变量，自定义输出格式。（日期格式处理、字母转变大小写等）
一个转变变量大小写的例子：
html:
<div id="app">
小写：{{message}}
大写：{{message | toUpper}}
</div>JavaScript：
var app = new Vue({
el: '#app',
data: {
message: 'hello vuejs'
},
filters: {
toUpper: function (value) {
return value.toUpperCase();
}
}
})本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
