微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

详解vue过滤器在v2.0版本用法

1.x写法

rush:xhtml;">

但是2.0中已经废弃了过滤器,需要我们自定义

rush:js;">

//过滤器
Vue.filter('uppercase',function(value) {
if (!value) { return ''}
value = value.toString()
return value.charat(0).toupperCase() + value.slice(1)
})

var vm = new Vue({
el:'#app',data: {
message: 'test'
}
})

Vue.filter( id,[deFinition] )

参数:

{string} id {Function} [deFinition]

用法

注册获取全局过滤器。

rush:js;"> // 注册 Vue.filter('my-filter',function (value) { // 返回处理后的值 }) // getter,返回已注册的过滤器 var myFilter = Vue.filter('my-filter')

官方文档参考:

http://cn.vuejs.org/v2/api/#filters

http://cn.vuejs.org/v2/api/

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文地址:https://www.jb51.cc/vue/38915.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐