ant vue樹形選單a tree回顯以及踩坑

2021-10-22 15:24:36 字數 1382 閱讀 9380

廢話不多說,直接貼**

html部分

:label

="$t('grant')"

:labelcol=""

="">

v-model

="checkedkeys"

checkable

style

="width

: 100%

" :tree-data

="treedata"

:placeholder

="$t('grant')"

v-decorator

="['grant', {}]"

@check

="oncheck"

>

slot

="title"

slot-scope=""

style

="color

: #08c

">

span

>

a-tree

>

a-form-item

>

js部分

oncheck

(e),

menuselect()

else})

},/** 新增角色**/

addrole()

,/** 修改角色**/

editrole

(record)

//清空選中

this

.checkedkeys =

;//樹形選單渲染

this

.menuselect()

;this

.visible =

true

;//資料回顯

this

.$nexttick((

)=>);

});settimeout((

)=>

,500);

},

treedata資料

[,,

,]}]

}]

回顯關鍵

踩坑部分:報』id』 does not exist in the tree

直接設定乙個延時,500ms差不多。設定太短了還是會報』id』 does not exist in the tree

DROPDOWNLIST無限樹形選單

public void getsubclass dataset ds,int level,string parentid,string sign else string ls if drr3 null drr3.length 0 else lslevel if lslevel 0 lp lp dr2...

ztree樹形選單demo

閱讀目錄 回到頂部 ztree樹形選單 樹形選單使用方式如下 html引入的方式如下 doctype html html head meta charset utf 8 title ztree樹形選單demo title link rel stylesheet href libs ztreestyl...

動態實現樹形選單

樹形選單在開發軟體和 中經常用到,但是會遇到乙個問題,在 中當你點開的時候,由於頁面重新整理了,又合起來來了,這種問題是用iframe不會出現,但是在 中很少會用到框架,最近就碰到了這樣的問題,在網上找了很多js寫的樹形選單,我需要分四級,但是都沒找到合適的,亂七八糟的 都有,很頭疼,沒辦法,自己就...