vm.$watch 实时监控方法

本文转载自查看原文 2017-01-04 13:54 2175 vue

<!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>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 vue vm.$attrs 使用 vue vm.$scopedSlots和vm.$slots的理解和基本使用 render函数、createElement函数与vm.$slots vue实例属性（vm.$els） vue进阶之vm.$attrs/$listeners 简易的 Linux 流量实时监控工具 watch+ifstat Vuejs2.0学习（Render函数,createElement，vm.$slots） [GO] go使用etcd和watch方法进行实时的配置变更 vue中的watch方法实时同步存储数据 Vue 怎么用 vm.$set() 解决对象新增属性不能响应的问题？