?

安裝新的依賴?vue-tabel-with-tree-grid

vue-tabel-with-tree-grid 官方文檔

安裝完成后，在?main.js?入口文件內先導入?tree-tabel

然后全局注冊組件?tree-tabel

頁面中，我們使用了如下屬性：

data?確定我們的數據源，columns定義我們的指定列，selection-type?設置是否打開多選框，expand-type?設置是否展示展開欄，show-index?添加索引列，?border?給表格添加邊框。

使用模板列：

通過在columns?設置?type?屬性值為?template，即可設置模板列。

然后在我們界面表格區域，添加一個?template?模板，然后設置作用域插槽?slot?為在數據塊定義的模板名稱?isOk

總結

以上是生活随笔為你收集整理的前端学习（2730）：重读vue电商网站40之使用vue-table-with-tree-grid的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。