IView 使用Table元件時實現給某一列新增click事件
阿新 • • 發佈:2018-11-24
通過給 columns
資料的項,設定一個函式 render
,可以自定義渲染當前列,包括渲染自定義元件,它基於 Vue 的 Render 函式。
render
函式傳入兩個引數,第一個是 h,第二個是物件,包含 row
、column
和 index
,分別指當前單元格資料,當前列資料,當前是第幾行。
程式碼:
render: (h, params) => { //return h('定義的元素',{'元素的性質'},'元素的內容'); let url = '訪問的地址' return h('a', { attrs: { href: url, target: '_black' } }, params.row.address); }
瞭解 render 函式傳入的兩個引數官網詳細地址:https://www.iviewui.com/components/table