转移父组件的正确方式';将数据复制到子元素(元素UI,Vue.js)?

转移父组件的正确方式';将数据复制到子元素(元素UI,Vue.js)?,vue.js,element,vue-component,v-model,Vue.js,Element,Vue Component,V Model,我使用的是元素界面,有一个el开关组件(比如复选框),我不知道如何在其他组件(el table->el column->el开关)中使用它 代码如下: var Main={ 数据(){ 返回{ 表格数据:[ { 类别:"票",, 小组通知:{ 检查:正确, 名称:“类别1” }, 怠工通知:{ 检查:正确, 名称:“panel1” }, 按钮:{ 名称:“slack1”, 值:“slackValue1” } }, { 类别:'自助机票', 小组通知:{ 检查:错误, 名称:“类别2” }, 怠

我使用的是元素界面,有一个
el开关
组件(比如复选框),我不知道如何在其他组件(el table->el column->el开关)中使用它

代码如下:

var Main={
数据(){
返回{
表格数据:[
{
类别:"票",,
小组通知:{
检查:正确,
名称:“类别1”
},
怠工通知:{
检查:正确,
名称:“panel1”
},
按钮:{
名称:“slack1”,
值:“slackValue1”
}
}, {
类别:'自助机票',
小组通知:{
检查:错误,
名称:“类别2”
},
怠工通知:{
检查:正确,
名称:“panel2”
},
按钮:{
名称:“slack2”,
值:“slackValue2”
}
}, {
类别:“重要票”,
小组通知:{
检查:正确,
名称:“类别3”
},
怠工通知:{
检查:正确,
名称:“panel3”
},
按钮:{
名称:“slack3”,
值:“slackValue3”
}
}
]
}
}
};
变量向量=Vue.extend(主)
新Ctor().$mount('#app')
@import url(“//unpkg.com/element-ui@1.4.3/lib/theme-default/index.css)

拯救

您正在绑定到
scope.row.check
,但由于
row.check
不存在,Vue无法识别它已更改

但是,正在创建
row.check
,调整窗口大小显然会触发重新渲染,迫使Vue查看
scope.row.check
。这就是你看到这种情况发生的原因

您需要分别绑定到
scope.row.panelNotification.check
scope.row.slackNotification.check


您正在绑定到
scope.row.check
,但由于
row.check
不存在,Vue无法识别它已更改

但是,正在创建
row.check
,调整窗口大小显然会触发重新渲染,迫使Vue查看
scope.row.check
。这就是你看到这种情况发生的原因

您需要分别绑定到
scope.row.panelNotification.check
scope.row.slackNotification.check