問題描述:實現顯示樹形結構,新增和刪除節點不更新問題
樹形結構實現方式:在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...