vue.js watch監聽,vue.js 監聽watch
阿新 • • 發佈:2018-12-06
vue.js watch監聽,vue.js 監聽watch
================================
©Copyright 蕃薯耀 2018年12月06日
http://fanshuyao.iteye.com/
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>vue 監聽watch</title> </head> <body> <div id="vue-div"> <div>姓:<input placeholder="姓" v-model="firstName"/></div> <div>名:<input placeholder="名" v-model="lastName"/></div> <div>全名:<input placeholder="全名" v-model="fullName"/></div> </div> <script type="text/javascript" src="../js/vue.min.js"></script> <script type="text/javascript"> var vueObj = new Vue({ el: "#vue-div", data: { firstName : "張", lastName : "三", fullName : "" }, watch:{ firstName : function(newValue, oldValue){ this.fullName = newValue + "," + this.lastName; }, lastName : function(newValue, oldValue){ this.fullName = this.firstName + "," + newValue; } } }); </script> </body> </html>
================================
©Copyright 蕃薯耀 2018年12月06日
http://fanshuyao.iteye.com/