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事件做一些想做的事

可以考虑 使用 computed 计算属性 。

有二种做法

  1. computed 计算属性

  2. watch 监听

官方文档搜索下这二关键字 查询下用法

使用watch

  • mint-ui的loadmore组件偏移问题
  • vueJS入门遇坑:vue init ‘use cached template at ***’
  • dev-server.js内写了一些代理请求,导致vue打包后,获取不到数据。
  • 微信平台js-sdk开发, SPA的Html5模式时,ws.config的坑怎么解决
  • 在循环列表里,用Vuejs如何做数据的双向绑定(v-model)?
  • vue 过滤器的问题
  • Vue2.0用axios得到的数据怎么绑定呢?绑了没成功/(ㄒoㄒ)/ 报错
  • vue组件extend扩展报错
  • 使用vue做网站,针对seo有哪些好的解决方案?
  • mac下vue-cli构建的项目为啥在windows就报错呢?
  • vue使用highlight.js碰到的问题