Vue

<div id="box">
    <input type="text" v-model="msg | filterHtml">
    <br>
    <label v-html="msg"></label>
</div>

js:

new Vue({
    el:'#box',
    data:{
        msg:'<strong>这是段文字!</strong>'//定义一段文字
   }
});

Vue.filter('filterHtml',{
    read:function(val){//val就是以获取的msg的值
        return val.replace(/<[^>]*>/g);//去除文字的<...></...>标签
    },
    write:function(){
        return val;
    }
});

 

Related Posts

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注