IView 使用Table組件時實現給某一列添加click事件
阿新 • • 發佈:2018-11-25
href color 自定義 index ima pan res 技術 columns
通過給 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
IView 使用Table組件時實現給某一列添加click事件