关于某些状况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

相关文章
相关标签/搜索