iView的表格里如何使用:switch,button

iView是一个很好用的vue组件式的一个开发后台管理系统的ui组件，它里面已经定义好了：table组件，select组件，tap组件，tree树形组件，DataPicker日期组件，TimePicker时间组件，Slider滑块组件，反正该会用到的都有，你想得到的它有，你想不到的它也有。
近期有些伙伴不知道，在table如何添加按钮，switch开关或者其它的标签，就问到我这里，这一章我就为大家讲解如何在table上加switch等标签，代码如下：

Table 表格主要用于展示大量结构化数据，iView它就做的很厉害，它支持排序、筛选、分页、自定义操作、导出 csv 等复杂功能

<template>
    <Table :columns="columns1" :data="data1"></Table>
</template>
export default {
   data () {
      return {
        columns1: [  // 表头定义
               {
                     title: '表头',
                     key: '值的key：name'  // 对应data1的name
                },
                {
                      title: '操作',
                      render: (h, params) => {  // 重点
                        let _this = this
                        return h('i-switch', {  //按钮的话是：button自行替换
                          props: {  //这里可以设置它的属性
                              value: params.row.status,     //设置它的值比如：true或false
                              disabled: !params.row.online     // 设置是否可以操作，变灰
                              },
                              on: { //操作事件
                                input: function (event) {  //这里会起到监听的作用
                                  if (event) { params.row.status = true } else { params.row.status = false }
                                  },
                                  'on-change': function () { //值发生了改变调用方法
                                       _this.functionFun() // 方法自定义
                                  }
                              }
                        })
                      }
                }
          ]
      }，
        data1: [  // 后台返回的数据
               {
                    name: '奇惠'  
             },
    }
}

注意：在这里非 template/render 模式下，需要把任何的标签前面的大写去掉改成i-table（Table） 这里是要注意的地方。
有不懂的朋友或喜欢前端的同学可以加我微信（nihaomeili87）我们一起进步！等你噢～