element,使用樹形資料與懶載入的重新整理問題

2021-10-23 13:45:50 字數 498 閱讀 6514

問題描述:實現顯示樹形結構,新增和刪除節點不更新問題

樹形結構實現方式:在element官網: 

樹形資料與懶載入示例有詳細**

表頭是這樣的:

顯示功能是實現了,但是新增節點和刪除節點不重新整理,對於我這個剛接觸vue的小白,想盡各種方式去解決,以下是心裡路程:

1、每天新增、刪除乙個節點,查詢一次資料,更新tabledate資料,失敗

2、重新整理介面-不友好

3、 this.$nexttick-失敗

後來無意間搜到乙個解決辦法是直接在table新增:key="math.random()"、或者任意值,就可以重新整理元件如下:

然後就搞定了,不算完美,但也解決了問題。

樹形資料轉換

測試資料 create table project id int,name nvarchar 20 parent id int insert project select 1,所有專案 null union all select 2,專案1 1 union all select 3,專案2 1 cr...

樹形資料轉換

測試資料 create table project id int,name nvarchar 20 parent id int insert project select 1,所有專案 null union all select 2,專案1 1 union all select 3,專案2 1 cr...

樹形資料轉換

測試資料 create table project id int,name nvarchar 20 parent id int insert project select 1,所有專案 null union all select 2,專案1 1 union all select 3,專案2 1 cr...