iview table render集成switch開關的實例

<span style="font-size:14px;"><Table highlight-row border :columns="columns1" :data="data1" ref="table" :height="tableHeight"></Table></span> 

columns1: [{
 fixed: 'right',
 title: 'Action',
 key: 'action',
 width: 250,
 align: 'center',
 render:(h, params) => {
 return h('div', [
 h('Button', {
 props: {
 type: 'primary',
 size: 'small'
 },
 style: {
 marginRight: '20px'
 },
 on: {
 click: () => {
 this.show(params.index)
 }
 }
 }, '閱覽'),
 h('strong', {
 style: {
 marginRight: '5px'
 },
 }, '處理'),
 h('i-switch', { //數據庫1是已處理，0是未處理
 props: {
 type: 'primary',
 value: params.row.treatment === 1 //控制開關的打開或關閉狀態，官網文檔屬性是value
 },
 style: {
 marginRight: '5px'
 },
 on: {
 'on-change': (value) => {//觸發事件是on-change,用雙引號括起來，
 //參數value是回調值，并沒有使用到
 this.switch(params.index) //params.index是拿到table的行序列，可以取到對應的表格值
 }
 }
 }, )
 ]);
 }
}]

//通過開關狀態判斷值然后傳值進行更新
 switch(index) {
 //打開是true,已經處理1
 if (this.data1[index].treatment == 1) {
 this.data1[index].treatment = 0
 this.updateFeedbackMessage(this.data1[index].id, 'treatment', this.data1[index].treatment)
 } else {
 this.updateFeedbackMessage(this.data1[index].id, 'treatment', 1)
 }
 },
 //更新反饋信息某一字段
 updateFeedbackMessage(id, key, value) {
 var vm = this
 var data = {
 id: id
 }
 data[key] = value
 vm.$http.put('/v1/suggestion', data).then(function (response) {
 if (response.data.code == '000000') {
 vm.$Message.info('更新成功');
 vm.getFeedbackMessages()//獲取table數據信息，這里調用是因為修改值之后馬上可以更新table值
 }
 }).catch((error) => {
 console.log(error)
 })
 },
 //獲取所有反饋信息列表
 getFeedbackMessages() {
 var vm = this
 var url = '/v1/suggestions?'
 url = url + "pageNum=" + this.pageNum + '&pageSize=' + this.pageSize
 if (this.createByValue != '') {
 url = url + '&createBy=' + this.createByValue
 }
 if (this.dealModelValue != '') {
 url = url + '&treatment=' + this.dealModelValue
 }
 this.$http.get(url).then(response => {
 if (response.data.code == '000000') {
 vm.data1 = response.data.data
 vm.pageTotal = parseInt(response.data.message)
 }
 }).catch(error => {
 console.log(error)
 })
 },