LLEARNING NOTES

技术 · 思考 · 实践 · 成长

首页/Vue3/正文

Vue3.x系列-监听方法

Vue3599 次阅读


(接受一个加字符串形式的方法名,方法在methods选项中定义)


<p>元和角的转换</p>
<p>元: <input type="text" v-model="yuan"></p>
<p>角: <input type="text" v-model="jiao"></p>


data:{
            yuan:0,
            jiao:0
},
methods:{ // 定义方法名
            method1:function(val,oldVal){
                this.jiao = val * 10;
            },
            method2:function(val, oldVal){
                this.yuan = val/10;
            }
},//监听器
watch:{
            time(val){
                this.minute = val * 60;
            },
            minute(val,oldVal){
                this.time = val / 60
            },// 监听yuan属性
            yuan:"method1",
            jiao:"method2"
}


人生在世,不如意事十之八九;人生的滋味,哪怕是酸甜或苦辣,也要靠自己去品。人活一口气:气质看一个人的过去,气度看一个人的未来

评论交流

理性讨论,共同进步
验证码

相关文章

继续阅读