Vue.js学习系列(二十二)--过滤器

Vue.js允许你自定义过滤器,被用作一些常见的文本格式化。由"管道符"

{{ message | capitalize }}

new Vue({

el: '#app',

data: {

message: 'code'

},

filters: {

capitalize: function (value) {

if (!value) return ''

value = value.toString()

return value.charAt(0).toUpperCase() + value.slice(1)

}

}

})

运行结果如下:

由显示结果可以看出,输出的结果code第一个字母是大写的。

过滤器可以串联:

{{message|filterA|filterB}}

过滤器是JavaScript函数,因此可以接受参数:

{{message|filterA('arg1',arg2)}}

这里,message是第一个参数,字符串'arg1'将传给过滤器作为第二个参数,arg2表达式的值将被求值然后传给过滤器作为第三个参数。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容