鍍金池/ 問答/HTML/ Vue2 v-text中如何使用過濾器？

Vue2 v-text中如何使用過濾器？

我想在v-text后面使用一個過濾器，代碼如下：
<span class="detail" v-text="article | replaceUrl"></span>
發(fā)現(xiàn)加載不了過濾器

clipboard.png

回答
編輯回答
乞許

VUE 曾經(jīng)刪除了 filter 后來又加上了 看版本吧 可能不支持

格式是這樣的

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

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

<style>
</style>
2017年9月11日 17:05
編輯回答
互擼娃

vue2.0好像是不支持在v-text內(nèi)聯(lián)過濾器的，改成
<span class="detail">{{article | replaceUrl}}</span>
就可以了

2018年8月19日 01:39
編輯回答
雨萌萌

{{article | replaceUrl}} 這樣謝試試

Vue.filter() 還有確定注冊了過濾器把?

2017年8月8日 02:33
編輯回答
安于心

改成

{{ article | replaceUrl }}

或者

v-text="$options.filters.replaceUrl(article)"
2017年9月8日 21:29
編輯回答
別逞強(qiáng)
<span class="detail">{{article | replaceUrl}}</span>

這樣不行嗎？

2017年12月4日 11:13