欢迎来到山村网

vue过滤器在v2.0版本如何使用

2019-03-09 12:28:11浏览:747 来源:山村网   
核心摘要:1.x写法bodydiv id=app{{html|uppercase}}/divscriptnew Vue({el:'#app',data:{msg:123,html:abc}})/script/body但是2.0中已经废

1.x写法

<body><div id="app">  {{html|uppercase}}</div><script>  new Vue({    el:'#app',    data:{      msg:"123",      html:"abc"    }  })</script></body>

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

<div id="app">  {{message|uppercase}}</div>//过滤器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]

用法:

注册或获取全局过滤器。

// 注册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/

(责任编辑:豆豆)
下一篇:

Linux系统性能评估

上一篇:

docker容器里安装ssh的具体步骤

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com