关于iview之--table中render的使用(嵌套input、select等)

实例:

https://www.cnblogs.com/weichen913/p/iview.html


解释:

https://cn.vuejs.org/v2/guide/render-function.html

 

iview table使用说明:
https://www.iviewui.com/components/table

 

搜索+复选框列表:


  

  

 

父组件

this.authColumns.unshift({
  title: '展开',
  type: 'expand',
  width: 70,
  align: 'center',
  render: (h, params) => {
    return h(expandRow, {
      props: {
        row: this.dataRes[this.dataResKey[params.index]]
      },
      on: {
        // 接收来自子组件的 $emit
        upData: () => {
          this.getAuthData(this.$store.getters.authList)
        }
      }
    })
  }
})

 

 

子组件:

// 接收参数

props: { row: Object }

// 调用父组件方法
this.$emit('upData')

你可能感兴趣的:(web前端,vue.js,iview)