欢迎来到3672js教程，我们关注js教程、js框架、js代码特效等。

vm.$watch 实时监控方法

3672Js.Com2019-03-10 12:58 来源:未知阅读:4591 关注度2

vm.$watch 实时监控方法

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="main">
{{text}}

    <textarea v-model="text"></textarea>
    {{aaa}}

    <div v-html="aaa"></div>
</div>
<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript">
    var vm=new Vue({
        el:"#main",
        data:{
            text:"132  456",
            aaa:"555"
        }
    });
    vm.$watch('text',function(nv){
        var ov=nv.replace(/\s\s/g,'<br>');
        vm.$data.aaa=ov.replace(/图片/g,'<img src="../images/1.jpg" width="100">');
    })

</script>

</body>
</html>

本站文章为3672js教程网友分享投稿，版权归原作者，欢迎任何形式的转载，但请务必注明出处。同时文章内容如有侵犯了您的权益，请联系我们处理。