v-model本质上是一个语法糖,一个input框改变,其他的也会跟着改变
下面使用侦听器进行单位的换算
监听属性时要写函数的方式,每次属性发生改变,这个函数就会执行
<div id="app">
<input type="text" v-model="cm" /><br />
<input type="text" v-model="dm" /><br />
<input type="text" v-model="mm" /><br />
</div>
<script type="text/javascript">
var app=new Vue({
el:"#app",
data:{
cm:0,
dm:0,
mm:0
},
// 处理监听的逻辑,这个函数会在msg发生改变的时候执行
watch:{
cm:function(newval,oldval){
this.dm=newval/10;
this.oldval=oldval;
this.mm=newval/100;
this.oldval=oldval;
},
dm:function(newval,oldval){
this.cm=newval*10;
this.oldval=oldval;
}
}
})
</script>