实例:
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
搜索+复选框列表:
<FormItem label="用户列表"> <Input search v-model="search" @on-change="userSearch" @on-search="userSearch" placeholder="请输入搜索项"></Input> </FormItem>
<Checkbox-group v-model='userSelect' @on-change="userChange"> <Checkbox style="margin-left:90px" v-for="(item,key) in userList" :key="key" :label="item.info"></Checkbox><br><br> </Checkbox-group>
父组件
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')