2024年06月18日 建站教程
Vue.filter函数用于定义一个全局过滤器，可以在任何Vue实例和组件中使用。在Vue的实例或组件中定义一个全局过滤函数，具体实现代码如下：
<div id="app">
<ul>
<li v-for="item in numbers | filterStr">{{ item }}</li>
</ul>
</div>
//numbers参数
new Vue({
el: '#app',
data: {
numbers: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
}
})
//Vue.filter过滤
Vue.filter('filterStr', function(value) {
return value.filter(item => item >= 3)
})
本文链接：http://so.lmcjl.com/news/6800/