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() 解決對象新增屬性不能響應的問題？