在使用elementui樹(shù)形控件時(shí),點(diǎn)擊node展開(kāi)時(shí)報(bào)錯(cuò),且僅能展開(kāi)無(wú)法收起
點(diǎn)擊小箭頭就不會(huì)報(bào)錯(cuò),google了一下也沒(méi)有這個(gè)錯(cuò)誤的詳細(xì)信息,求問(wèn)
補(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>
對(duì)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"
}
]
}
]
}
]
報(bào)錯(cuò)貼圖
報(bào)錯(cuò)信息
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)北大青鳥(niǎo)APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國(guó)家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
北大課工場(chǎng)是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國(guó)家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國(guó)制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國(guó)職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開(kāi)發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_(kāi)發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開(kāi)發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開(kāi)發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開(kāi)發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問(wèn),美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。