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; } } } }
相關文章
相關標籤/搜索