+
95
-

vue中filters如何使用?

vue中filters如何使用?

网友回复

+
15
-

过滤器主要是对数据进行过滤处理,对原始数据进行筛选后再进行展示。

主要用在两个地方: 双花括号插值

{{ message | handleData }}

v-bind表达式

<div v-bind:id="message | handleData"></div>

过滤器的格式

局部过滤器的默认格式为: filters: { handleData: function (value) { if(value>=60) return '及格' else return '不及格' }

}

全局过滤器的默认格式为(在main.js添加,并不常用): Vue.filter('handleData', function(value) { if(value>=60) return '及格' else return '不及格' }) new Vue({ ...

})

当全局过滤器与局部过滤器,会采用局部过滤器

过滤器串联

{{ message | filterA | filterB }} 执行顺序为: 1.执行filterA过滤器,将表达式message的...

点击查看剩余70%

我知道答案,我要回答