脚本宝典收集整理的这篇文章主要介绍了关于某些情况Vue的过滤器无法使用，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

   Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。

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

//...

filters: {
    changeToNum: function@H_126_42@(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.05

脚本宝典总结

以上是脚本宝典为你收集整理的关于某些情况Vue的过滤器无法使用全部内容，希望文章能够帮你解决关于某些情况Vue的过滤器无法使用所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。