Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.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 Vue-如何从复选框事件获取当前实例?_Javascript_Vue.js - Fatal编程技术网

Javascript Vue-如何从复选框事件获取当前实例?

Javascript Vue-如何从复选框事件获取当前实例?,javascript,vue.js,Javascript,Vue.js,我在Vue中试用了这个待办事项列表应用程序,我有一个复选框来标记已完成的待办事项列表项。如何从复选框事件获取当前实例?这就是我到目前为止所做的 myObject=新的Vue({ el:“#应用程序”, 数据:{ 待办事项:[{ id:1, 标题:“学习HTML”, 已完成:正确 }, { id:2, 标题:“学习CSS”, 已完成:false } ] }, 方法:{ markComplete(){ 调试器 this.completed=!this.completed; } } }) 。已完成{

我在Vue中试用了这个待办事项列表应用程序,我有一个复选框来标记已完成的待办事项列表项。如何从复选框事件获取当前实例?这就是我到目前为止所做的

myObject=新的Vue({
el:“#应用程序”,
数据:{
待办事项:[{
id:1,
标题:“学习HTML”,
已完成:正确
},
{
id:2,
标题:“学习CSS”,
已完成:false
}
]
},
方法:{
markComplete(){
调试器
this.completed=!this.completed;
}
}
})
。已完成{
文字装饰:线条贯通;
}

  • {{item.title}
检查此解决方案(我是VUEjs的新手)

将项目传递给
markComplete
功能,如
v-on:change=“markComplete(项目)”
,然后切换
项目。已完成
,如

markComplete(e) {
   e.completed = !e.completed
 }
检查代码片段,希望这就是您要查找的内容

myObject=新的Vue({
el:“#应用程序”,
数据:{
待办事项:[{
id:1,
标题:“学习HTML”,
已完成:正确
},
{
id:2,
标题:“学习CSS”,
已完成:false
}
]
},
方法:{
标记完成(e){
e、 已完成=!e.completed
}
}
})
。已完成{
文字装饰:线条贯通;
}

  • {{item.title}