xuliangzhan / vue-element-extends

🌴 基于 ElementUI 2.x 的扩展组件(已废弃 Have been abandoned)
MIT License
494 stars 166 forks source link

复杂数据列编辑问题, #151

Open orange0606 opened 5 years ago

orange0606 commented 5 years ago

描述 Describe 列编辑,对象里再嵌套,点击编辑报错 Cannot read property 'querySelector' of undefined"

请提供能重现问题的链接(jsfiddle、jsrun) Expected behavior

请填写以下版本信息 please complete the following information vue: ^2.5.2? element-ui: ^2.9.1? vue-element-extends: ^1.2.20

orange0606 commented 5 years ago

例如这样 arr:[ { h1:{ value:1,val2:2 } ,h2:{ value:1,val2:2 } ,h3:{ value:1,val2:2 } ]

只能显示数据,编辑的时候报错。

xuliangzhan commented 5 years ago

最好提供重现问题链接

orange0606 commented 5 years ago

我这个用了一些框架,我不知道怎么给链接你,其实就是数据原本不是数组嵌套许多个对象嘛 原来是这样的(可以正常编辑) arr [ { name : 123 , age :20} , { name : 123 , age :20} ]

后来我需要把数据改成以下(是能显示到单元格,但是编辑报错,没有绑定到数据) arr [ { name : { n1 : 1 ,n2 : 2 } , age :20 } , { name : { n1 : 1 ,n2 : 2 } , age :20 } ]

---原始邮件--- 发件人: "Xu Liangzhan"notifications@github.com 发送时间: 2019年7月2日(星期二) 晚上8:55 收件人: "xuliangzhan/vue-element-extends"vue-element-extends@noreply.github.com; 抄送: "Author"author@noreply.github.com;"orange0606"1632645262@qq.com; 主题: Re: [xuliangzhan/vue-element-extends] 复杂数据列编辑问题, (#151)

最好提供重现问题链接

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.

xuliangzhan commented 5 years ago

这个链接 https://jsrun.net/zTXKp/edit

orange0606 commented 5 years ago

行吧,明天我看看,电脑没带回家。

---原始邮件--- 发件人: "Xu Liangzhan"notifications@github.com 发送时间: 2019年7月2日(星期二) 晚上9:14 收件人: "xuliangzhan/vue-element-extends"vue-element-extends@noreply.github.com; 抄送: "Author"author@noreply.github.com;"orange0606"1632645262@qq.com; 主题: Re: [xuliangzhan/vue-element-extends] 复杂数据列编辑问题, (#151)

这个链接 https://jsrun.net/zTXKp/edit

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.

orange0606 commented 5 years ago

代码一直保存不了,我只能复制好以文件形式发你了。

------------------ 原始邮件 ------------------ 发件人: "Xu Liangzhan"notifications@github.com; 发送时间: 2019年7月2日(星期二) 晚上9:13 收件人: "xuliangzhan/vue-element-extends"vue-element-extends@noreply.github.com; 抄送: "大橘为重 "1632645262@qq.com;"Author"author@noreply.github.com; 主题: Re: [xuliangzhan/vue-element-extends] 复杂数据列编辑问题, (#151)

这个链接 https://jsrun.net/zTXKp/edit

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.

orange0606 commented 5 years ago

自己根据网上做了个递归多级表头组件,使用饿了么官方的递归就没问题,但是用在这个elx-editable-column,就直接浏览器崩溃。以下是我的代码截图,包括递归表头的递归子组件