在使用elementui樹形控件時,點(diǎn)擊node展開時報錯,且僅能展開無法收起
點(diǎn)擊小箭頭就不會報錯,google了一下也沒有這個錯誤的詳細(xì)信息,求問
補(bǔ)充一下版本:
"element-ui": "2.0.11",
"vue": "2.5.13",
代碼如下:
<el-form-item label="權(quán)限列表" prop="fatherNo">
<el-tree
:data="resources"
show-checkbox
node-key="value"
ref="tree"
highlight-current
:props="defaultProps">
</el-tree>
</el-form-item>
對el-tree有操作的代碼:
handleCreate() {
this.resetTemp()
this.dialogStatus = 'create'
this.dialogFormVisible = true
this.$nextTick(() => {
for (var i = 0; i < this.$refs.tree.store._getAllNodes().length; i++) {
this.$refs.tree.store._getAllNodes()[i].expanded = false
}
this.$refs['dataForm'].clearValidate()
this.$refs.tree.setCheckedKeys([])
})
},
handleUpdate(row) {
this.temp = Object.assign({}, row)
this.dialogStatus = 'update'
this.dialogFormVisible = true
this.$nextTick(() => {
for (var i = 0; i < this.$refs.tree.store._getAllNodes().length; i++) {
this.$refs.tree.store._getAllNodes()[i].expanded = false
}
this.$refs['dataForm'].clearValidate()
this.$refs.tree.setCheckedKeys(this.temp.resources)
})
},
數(shù)據(jù)結(jié)構(gòu):
[
{
"value": "16144fc3568_a88ee4cf_945d_46dc_b717_17f1df11d2a1",
"label": "系統(tǒng)管理",
"pno": "0000",
"children": [
{
"value": "16144fd5943_b8ce4b8b_89c7_46a4_a57d_e04c1d22e51c",
"label": "用戶管理",
"pno": "16144fc3568_a88ee4cf_945d_46dc_b717_17f1df11d2a1",
"children": [
{
"value": "161450251ec_513a9007_0145_48b7_80d7_6599d9344dc2",
"label": "用戶新增",
"pno": "16144fd5943_b8ce4b8b_89c7_46a4_a57d_e04c1d22e51c"
},
{
"value": "161450251ec_762863d2_779f_4691_bf25_4f215ee2af92",
"label": "用戶修改",
"pno": "16144fd5943_b8ce4b8b_89c7_46a4_a57d_e04c1d22e51c"
},
{
"value": "161450251ec_c0120ccb_1ea5_4df9_a958_0f9ad9fb5bec",
"label": "用戶刪除",
"pno": "16144fd5943_b8ce4b8b_89c7_46a4_a57d_e04c1d22e51c"
}
]
},
{
"value": "16144fd5943_df08b80a_528f_4f22_a9ac_49a80b83cdbf",
"label": "資源管理",
"pno": "16144fc3568_a88ee4cf_945d_46dc_b717_17f1df11d2a1",
"children": [
{
"value": "161450251ed_4abbbee3_62ab_4489_8cf3_5be645fa4bcf",
"label": "資源新增",
"pno": "16144fd5943_df08b80a_528f_4f22_a9ac_49a80b83cdbf"
},
{
"value": "161450251ed_f40eee2f_a42a_483e_b24c_2e9dee0247ac",
"label": "資源修改",
"pno": "16144fd5943_df08b80a_528f_4f22_a9ac_49a80b83cdbf"
},
{
"value": "161450251ed_dd1f712a_47b4_4157_8d7b_c1faf989ad16",
"label": "資源刪除",
"pno": "16144fd5943_df08b80a_528f_4f22_a9ac_49a80b83cdbf"
}
]
},
{
"value": "16144fd5943_40c721c0_3e17_450b_bcfa_bb5975ccc1e4",
"label": "角色管理",
"pno": "16144fc3568_a88ee4cf_945d_46dc_b717_17f1df11d2a1",
"children": [
{
"value": "161450251ec_5e3cbfd4_5d30_47b7_ab22_3a83d660c80a",
"label": "角色新增",
"pno": "16144fd5943_40c721c0_3e17_450b_bcfa_bb5975ccc1e4"
},
{
"value": "161450251ec_9cf9a299_1371_4d6e_8eb4_a17f77ee330d",
"label": "角色修改",
"pno": "16144fd5943_40c721c0_3e17_450b_bcfa_bb5975ccc1e4"
},
{
"value": "161450251ec_1c01f933_e495_415b_8cc5_a20cf0fae447",
"label": "角色刪除",
"pno": "16144fd5943_40c721c0_3e17_450b_bcfa_bb5975ccc1e4"
}
]
}
]
}
]
報錯貼圖
報錯信息
vue.esm.js?65d7:578 [Vue warn]: Error in event handler for "node-expand": "RangeError: Maximum call stack size exceeded"
found in
---> <ElTreeNode>
<ElTree>
<ElFormItem>
<ElForm>
<ElDialog>
<Index> at src/views/role/index.vue
<AppMain> at src/views/layout/AppMain.vue
<Layout> at src/views/layout/Layout.vue
<App> at src/App.vue
<Root>
warn @ vue.esm.js?65d7:578
logError @ vue.esm.js?65d7:1713
globalHandleError @ vue.esm.js?65d7:1708
handleError @ vue.esm.js?65d7:1697
Vue.$emit @ vue.esm.js?65d7:2517
e.(anonymous function) @ backend.js:1
handleExpandIconClick @ element-ui.common.js?a187:21010
boundFn @ vue.esm.js?65d7:191
handleClick @ element-ui.common.js?a187:20999
boundFn @ vue.esm.js?65d7:190
click @ element-ui.common.js?a187:21133
invoker @ vue.esm.js?65d7:2004
fn._withTask.fn._withTask @ vue.esm.js?65d7:1802
vue.esm.js?65d7:1717 RangeError: Maximum call stack size exceeded
at RegExp.[Symbol.match] (<anonymous>)
at String.match (native)
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
北大青鳥中博軟件學(xué)院創(chuàng)立于2003年,作為華東區(qū)著名互聯(lián)網(wǎng)學(xué)院和江蘇省首批服務(wù)外包人才培訓(xùn)基地,中博成功培育了近30000名軟件工程師走向高薪崗位,合作企業(yè)超4
中公教育集團(tuán)創(chuàng)建于1999年,經(jīng)過二十年潛心發(fā)展,已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術(shù)與教育服務(wù)機(jī)構(gòu),發(fā)展為教育服務(wù)業(yè)的綜合性企業(yè)集團(tuán),成為集合面授教學(xué)培訓(xùn)、網(wǎng)
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。