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.$scopedSlots和vm.$slots的理解和基本使用 Vuejs2.0學習（Render函數,createElement，vm.$slots） org.eclipse.jdi.TimeoutException: Timeout occurred while waiting for packet 421. occured resuming VM. vue watch自動檢測數據變化實時渲染的方法實時監控log文件 websocket實時監控畫面 angular js一$watch監控屬性和對象 Arthas 服務監控-watch-trace Jvisual VM 遠程監控 Springboot 程序 Vue的watch和computed方法的使用