Vue2 v-text中如何使用过滤器?

我想在v-text后面使用一个过滤器,代码如下:
<span class="detail" v-text="article | replaceUrl"></span>
发现加载不了过滤器

clipboard.png

阅读 6.5k
5 个回答

VUE 曾经删除了 filter 后来又加上了 看版本吧 可能不支持

格式是这样的

<template>
  <div id="app">
    <input type="text" v-model="money" />    
    <span>{{money|number}}</span>
  </div>
</template>

<script>
export default {
    data: {
        return {
            money:'',
        }
    },
    filters:{ 
        //去掉非数字
        number:function(val){
            var str = val.toString();
            str = str.replace(/[^0-9]*/g,'');
            str = str.replace(/^0*/g,'');
            return str;
        }
    }
}
</script>

<style>
</style>

改成

{{ article | replaceUrl }}

或者

v-text="$options.filters.replaceUrl(article)"

{{article | replaceUrl}} 这样谢试试

Vue.filter() 还有确定注册了过滤器把?

<span class="detail">{{article | replaceUrl}}</span>

这样不行吗?

vue2.0好像是不支持在v-text内联过滤器的,改成
<span class="detail">{{article | replaceUrl}}</span>
就可以了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题