前端學習（2730）：重讀vue電商網站40之使用vue-table-with-tree-grid

小歌謠發表於2020-12-11
前端Vue網站

 

安裝新的依賴 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

相關文章