vue中計算屬性computed方法內傳參


vue中computed計算屬性無法直接進行傳參

如果有傳參數的需求比如說做數據篩選功能可以使用閉包函數(也叫匿名函數)實現

例如:

在上篇博客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計算屬性:

export default {
    name: 'Achievement', data () { return { ... } }, methods: { ... }, computed: { myfilter() { return function(index){ return this.arr[index].username.match(this.name)!==null; } } } }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM