vue中计算属性computed方法内传参 vue安装使用

vue中computed计算属性没法直接进行传参html

若是有传参数的需求好比说作数据筛选功能可使用闭包函数(也叫匿名函数)实现vue

例如:闭包

在上篇博客vue安装使用最后的成绩表练习中的过滤功能的实现:函数

<tr v-for="(item,index) in arr" v-if="myfilter(index)">
    <td>{{item.username}}</td>
    <td>{{item.sex}}</td>
    <td>{{item.grade}}</td>
    <td>
        <a href="#" @click="delClick(index)">删除</a>
    </td>
</tr>

computed计算属性:post

export default {
    name: 'Achievement', data () { return { ... } }, methods: { ... }, computed: { myfilter() { return function(index){ return this.arr[index].username.match(this.name)!==null; } } } }
相关文章
相关标签/搜索