1. 程式人生 > >IView 使用Table元件時實現給某一列新增click事件

IView 使用Table元件時實現給某一列新增click事件

通過給 columns 資料的項,設定一個函式 render,可以自定義渲染當前列,包括渲染自定義元件,它基於 Vue 的 Render 函式。

render 函式傳入兩個引數,第一個是 h,第二個是物件,包含 rowcolumn 和 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