Element-ui el-tree新增和刪除節(jié)點(diǎn)后如何刷新tree的實(shí)例
一, 當(dāng)新增節(jié)點(diǎn)后刷新當(dāng)前節(jié)點(diǎn)
node.loaded = false;
node.expand();
//新建子節(jié)點(diǎn)是刷新一次本節(jié)點(diǎn)的展開(kāi)請(qǐng)求,而重命名和刪除則需要刷新父級(jí)節(jié)點(diǎn)的的展開(kāi)事件,
二, 刪除節(jié)點(diǎn)
node.parent.loaded = false
node.parent.expand()
完畢~
補(bǔ)充知識(shí):element-ui組件el-tree添加按鈕管用,刪除按鈕,數(shù)據(jù)會(huì)變,但是頁(yè)面不更新
可能是element-ui 的版本太低了
我用的element-ui 2.4.6
后來(lái)發(fā)現(xiàn)2.4.11的是管用的
所有更新element-ui版本
cnpm i element-ui@2.13.1
以上這篇Element-ui el-tree新增和刪除節(jié)點(diǎn)后如何刷新tree的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
詳解Vue ElementUI手動(dòng)上傳excel文件到服務(wù)器
這篇文章主要介紹了詳解Vue ElementUI手動(dòng)上傳excel文件到服務(wù)器,對(duì)ElementUI感興趣的同學(xué),可以參考下2021-05-05
vue如何實(shí)現(xiàn)本項(xiàng)目頁(yè)面之間跳轉(zhuǎn)
這篇文章主要介紹了vue如何實(shí)現(xiàn)本項(xiàng)目頁(yè)面之間跳轉(zhuǎn),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-04-04
uniapp微信小程序使用webview嵌套u(yù)niappH5并實(shí)現(xiàn)通信詳細(xì)步驟
在開(kāi)發(fā)微信小程序的時(shí)候,我們有時(shí)候會(huì)遇到將H5頁(yè)面嵌入到小程序頁(yè)面中的情況,這篇文章主要給大家介紹了關(guān)于uniapp微信小程序使用webview嵌套u(yù)niappH5并實(shí)現(xiàn)通信的詳細(xì)步驟,需要的朋友可以參考下2024-05-05
寫(xiě)一個(gè)移動(dòng)端慣性滑動(dòng)&回彈Vue導(dǎo)航欄組件 ly-tab
前一段時(shí)間小編寫(xiě)一個(gè)移動(dòng)端慣性滑動(dòng)&回彈Vue導(dǎo)航欄組件 ly-tab,覺(jué)的非常實(shí)用,大家可能在做項(xiàng)目時(shí)會(huì)用到,感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2018-03-03
vue style width a href動(dòng)態(tài)拼接問(wèn)題的解決
這篇文章主要介紹了vue style width a href動(dòng)態(tài)拼接問(wèn)題的解決,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-08-08
vue.js頁(yè)面加載執(zhí)行created,mounted的先后順序說(shuō)明
這篇文章主要介紹了vue.js頁(yè)面加載執(zhí)行created,mounted的先后順序說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-11-11
Vue3 Echarts通用的折線圖帶陰影效果實(shí)現(xiàn)
在環(huán)保倉(cāng)管項(xiàng)目中,做了一個(gè)每月對(duì)藥品、消耗品、設(shè)備的進(jìn)出,進(jìn)行統(tǒng)計(jì)百分比,效果好看,后面經(jīng)常在用這個(gè)樣式,下面通過(guò)示例代碼分享Vue3 Echarts通用的折線圖帶陰影效果實(shí)現(xiàn),感興趣的朋友一起看看吧2024-07-07

