關於某些狀況Vue的過濾器沒法使用

Vue.js 容許你自定義過濾器,可被用於一些常見的文本格式化。過濾器能夠用在兩個地方:雙花括號插值和 v-bind 表達式 (後者從 2.1.0+ 開始支持)。
<router-link :to="{ path: item.type | changeToNum, query: { id: item.fid }}">
    //...
</router-link>

//...

filters: {
    changeToNum: function(value) {
        //do something here...
    }
}

這種狀況下控制檯會報錯,過濾器沒法使用。
發現這種狀況下好像不能使用過濾器...
因而試着直接寫一個函數isFuction(item.type),而後在methods中定義該函數進行操做便可,代碼以下:函數

<router-link :to="{ path: isFuction(item.type), query: { id: item.fid }}">
    //...
</router-link>
//...

methods: {
    isFunction(value) {
        //do something here...
    }
}

直接寫一個函數,這樣就能夠在這種不能使用過濾器的狀況下進行一些相似操做了。——by 2019.03.05code

相關文章
相關標籤/搜索