vue双向过滤器two-way

最新推荐文章于 2022-08-02 23:41:44 发布

新手新思路新技能

最新推荐文章于 2022-08-02 23:41:44 发布

阅读量1.1k

点赞数 1

本文链接：https://blog.csdn.net/u013005675/article/details/62900322

版权

vue双向过滤器two-way

<script>
        //<h2>welcome</h2>
        Vue.filter('filterHtml',{
            read:function(input){ //model-view
                alert(1);
                return input.replace(/<[^<]+>/g,'');
            },
            write:function(val){ //view -> model
                console.log(val);
                return val;
            }
        });
        window.onload=function(){
            var vm=new Vue({
                data:{
                    msg:'<strong>welcome</strong>'
                }
            }).$mount('#box');
        };

    </script>
</head>
<body>
    <div id="box">
        <input type="text" v-model="msg | filterHtml">
        <br>
        {{{msg}}}
    </div>
</body>