iview tabs里面放入 i-switch slot的写法

简介: iview tabs里面放入 i-switch slot的写法
        {
          'title': '状态',
          'key': 'status',
          render: (h, params) => {
            return h(
              'i-switch',
              {
                props: {
                  trueValue: 1,
                  falseValue: 0,
                  beforeChange: () => {
                    // if (status === 0)
                    console.log(params.row.status)
                    if (params.row.status === 1) {
                      console.log('000')
                      return new Promise((resolve) => {
                        this.$Modal.confirm({
                          title: '确认停用',
                          content: '停用商品后,该商品将不允许继续被选择,但不影响当前售卖。如果希望取消商品售卖,请在售货机详情中进行操作。',
                          onOk: () => {
                            this.changeStatus(params.row.status, params.row.id)
                          }
                        })
                      })
                    } else {
                      console.log('111')
                      this.changeStatus(params.row.status, params.row.id)
                    }
                  },
                  value: Number(params.row.status),
                  size: 'large'
                }
              },
              [
                h('span', {
                  slot: 'open'
                }, '启用'),
                h('span', {
                  slot: 'close'
                }, '停用')
              ]
            )
          }
        },
    render:(h,params)=>{
        return h('i-switch',{
            props:{
                value:params.row.status
                size:'large'
            },
            scopedSlots:{
                open:()=>h('span','开启'),
                close:()=>h('span','停用')
            }
        })
    }

相关文章
|
5月前
|
存储 缓存 自然语言处理
从零搭建企业私有知识库:RAG + 大模型实战(附完整代码)
本文详解如何用RAG技术构建企业私有知识库:支持PDF/TXT/DOCX等文档上传、向量化存储与智能问答,让大模型精准理解业务数据,兼顾数据隐私、领域专业性与实时性,附完整代码与部署方案。
10587 1
|
前端开发 iOS开发
通过css内修改input框placeholder样式
通过css内修改input框placeholder样式
572 1
|
JavaScript 数据格式
Ant Design Vue如何上传文件、图片,复制即用
Ant Design Vue如何上传文件、图片,复制即用
2480 0
Ant Design Vue如何上传文件、图片,复制即用
axios中get/post请求方式
axios中get/post请求方式
424 0
axios中get/post请求方式
|
7天前
|
人工智能 JSON API
全网刷屏的 Jev 模型正式开放!一手实战测评 + 保姆级教程
全网爆火的 Jev 模型是什么?有什么用?怎么使用?怎么接入 AI 编程工具?效果真的好么?傻子可懂的 Jev 保姆级实战教程 + 项目实战测评来啦
7211 11
|
6天前
|
人工智能 测试技术 API
最近全网爆火的 Jev 到底是什么?适合干什么、怎么用,一篇讲透!
Jev是TypeSafe AI推出的“系统一模型”,不生成文本,专做毫秒级结构化决策:Choice(多选)、Score(打分)、Noul(是非概率)。响应快193倍、成本低444倍,适合工单路由、内容审核、测试定级等高频判断场景。
1480 4
最近全网爆火的 Jev 到底是什么?适合干什么、怎么用,一篇讲透!
|
6天前
|
人工智能 并行计算 PyTorch
秋叶 ComfyUI 2026 整合包 v3.2 完整部署教程:Python 3.13 + Torch 2.13 全栈升级
秋叶aaaki ComfyUI 2026年8月整合包v3.2正式发布!全面升级Python 3.13.11、PyTorch 2.13.0+cu130及ComfyUI v0.30.2,原生支持MiniMax H3、Wan 2.2、Qwen-Image-2.1等2026主流音视频/图像模型,解压即用,无需环境配置。
942 6
|
3天前
|
人工智能 JavaScript 芯片
DeepSeek 官方偷偷上传 Harness 桌面端安装包,我已经用上了。。附最新下载地址
DeepSeek Harness 官方的桌面端安装包被网友扒出来了,2 分钟讲明白如何使用,体验如何,适合作为 AI 编程工具么?附最新 Windows 和 Mac 双端的下载地址
1028 1
|
20天前
|
人工智能 自然语言处理 安全
阿里云千问办公 QwenWork详细介绍:产品核心能力、典型场景、价格及常见问题解答
千问办公是阿里云推出的一站式AI办公平台,主打"不止于对话,更注重交付",依托通义千问旗舰大模型,用户一句话即可完成数据分析、PPT生成、视频剪辑等复杂任务,直接输出可用成果。产品深度打通钉钉生态与企业OA,覆盖桌面端、网页端,提供企业标准版198元/人/月等多档订阅方案,新用户注册即赠2000积分,适配工程师、HR、财务等多职业办公场景,成为能动手干活的"全能AI同事"。
3524 10

热门文章

最新文章