时间:2021-07-01 10:21:17 帮助过:23人阅读
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/
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。