1. 程式人生 > >IView 使用Table組件時實現給某一列添加click事件

IView 使用Table組件時實現給某一列添加click事件

href color 自定義 index ima pan res 技術 columns

通過給 columns 數據的項,設置一個函數 render,可以自定義渲染當前列,包括渲染自定義組件,它基於 Vue 的 Render 函數。

render 函數傳入兩個參數,第一個是 h,第二個是對象,包含 rowcolumnindex,分別指當前單元格數據,當前列數據,當前是第幾行。

技術分享圖片

代碼:

    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事件