<!DOCTYPE html>
<html>
<div id="app">
千米:<input type = "text" v-model="kilometers">
米: <input type = "text" v-model="meters">
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
const app = Vue.createApp({
data() {
return {
kilometers: 0,
meters: 0
}
},
watch: {
kilometers(val) {
this.meters = val * 1000
},
meters(val, oldVal) {
this.kilometers = val / 1000
}
}
}).mount('#app')
</script>
</html>
不知道这个oldVal有什么用?没有好像也不影响
最新推荐文章于 2024-07-24 14:58:19 发布