iView中Table使用渲染函数加入Switch

GISer-lk

已于 2022-03-26 19:11:48 修改

阅读量902

点赞数

分类专栏：前端文章标签：前端 vue.js

于 2022-03-26 18:38:57 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_41715208/article/details/123760980

版权

前端专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个基于Vue.js的状态开关组件的实现方法。该组件使用了自定义渲染函数来展示开关状态，并通过传入参数控制其初始状态及大小。此外，还实现了状态改变时的回调函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

render: (h, params) => {
            return h(
              'i-Switch',
              {
                props: {
                  size: 'large',
                  value: params.row.status == 0
                },
                scopedSlots: {
                  open: () => h('span', this.pointStatusList[0].label),
                  close: () => h('span', this.pointStatusList[1].label)
                },
                on: {
                  'on-change': (e) => {
                    console.log(e)
                  }
                }
              }
            )
          }