vue.js 想要在v-model改变时触发函数，改变其他的数据

问题描述

问 题

<div class="borderB">
     <input id="a" class="check" name="style" type="checkbox" v-model="need">
     <label for="a" class="trigger"><i></i>是否需要{{need}}</label>
</div>

data(){
    return{
       need:true
     }
}

{{need}}可以正确显示

解决方案

v-model是v-bind和v-on的语法糖。差不多就相当于下面代码：

<input id="a" class="check" name="style" type="checkbox" v-bind:checked="need" v-on:change="change">

data:{
    need:true
},
methods:{
    change:function(e){
        this.need = e.target.value;
    }
}

所以可以监听change事件做一些想做的事

这篇关于vue.js 想要在v-model改变时触发函数，改变其他的数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！