Vue JS - Checkbox / if Checked do This if unchecked do that答案

【问题标题】：Vue JS - Checkbox / if Checked do This if unchecked do thatVue JS - Checkbox / if Checked do This if unchecked do that
【发布时间】：2021-10-04 10:58:42
【问题描述】：

我试图创建一个复选框，它在最初选中时运行一个功能，然后在取消选中时运行另一个。

这里有一些我尝试过的东西还有一个变量已经被读出，代表当前状态

   <input type="checkbox" :checked="e.Processed == true" v-model="toggle" true-value= functionTrue false-value="no">

【问题讨论】：

stackoverflow.com/questions/50506235/…

标签： html vue.js checkbox

【解决方案1】：

只需注册一个@change 处理程序。

   const onChange = (event) => {
       // handle logic
   }

   <input type="checkbox" :checked="e.Processed == true" v-model="toggle" true-value= functionTrue false-value="no" @change="onChange($event)">

【讨论】：

但是我怎么知道当前的状态？...我需要在 onChange 中使用某种逻辑来检查现在的状态...对吗？
event.target.checked

【解决方案2】：

我是怎么解决的

对于输入类型

  <input type="checkbox"  :checked="e.Processed === true" @change="onChangeProcessed($event,e)">

函数检查当前状态是什么

          onChangeProcessed(e,d) {
           if (e.target.checked == true) {
                    console.log(e);
                    console.log("ACTIVE");
                    console.log(d);
                    console.log(e.target.checked);
                    this.markReady(d);
                    
                    
            };
          if (e.target.checked == false ) {
                    console.log(e);
                    console.log("OFF");
                    console.log(d);
                    console.log(e.target.checked);
                    this.markNotReady(d);

               /*       console.log(e.target.value);
                    this.markNotReady(d) */
            }
},

【讨论】：