Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据Vue2中的复选框状态触发不同的函数_Javascript_Events_Vuejs2 - Fatal编程技术网

Javascript 根据Vue2中的复选框状态触发不同的函数

Javascript 根据Vue2中的复选框状态触发不同的函数,javascript,events,vuejs2,Javascript,Events,Vuejs2,我想知道是否有任何方法可以启动自定义函数-当复选框更改为true值时启动一个函数,当复选框更改为false值时启动另一个函数(不使用$watch) 例如: 我将输入包装在root div中 <div id="root"> <input type="checkbox" v-model="editModeOn"> </div> 如何实现此功能?谢谢 处理更改事件 @change="editModeOn ? enableEditMode() : disabl

我想知道是否有任何方法可以启动自定义函数-当复选框更改为true值时启动一个函数,当复选框更改为false值时启动另一个函数(不使用$watch)

例如: 我将输入包装在root div中

<div id="root">
   <input type="checkbox" v-model="editModeOn">
</div>

如何实现此功能?谢谢

处理更改事件

@change="editModeOn ? enableEditMode() : disableEditMode()"
newvue({
el:'根',
数据:{
编辑模式:错误
},
方法:{
disableEditMode(){
console.log(“禁用”)
},
enableEditMode(){
console.log(“启用”)
}
},
});


这真的是一个组件吗?Root Vue通常没有
道具
。此外,如果它是一个组件,那么该值是否会从组件外部发生变化,从而导致您需要处理该变化?是的,它是一个真正的组件,如果它们以这种方式声明,它可以有道具(您可以尝试)。这是为了指定editModeOn道具的类型。是的,这是一个很好的解决方案。但是也许最好使用@change(例如,如果出于某些原因输入将被禁用)@bashkovpd我也这么想。
@change="editModeOn ? enableEditMode() : disableEditMode()"