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