注册 X
提交 注:点击提交后系统会发送邮件到邮箱验证!(仅支持中国大陆邮箱)
我已阅读并同意 服务条款
首页 > IT技术笔记 > 查看笔记

vant-SwitchCell 开关单元格

废弃提示

SwitchCell 组件将在 3.0 版本中废弃​,请直接使用 Cell 和 Switch 组件代替,替换写法如下:

        
        
      

引入

        
        
      

代码演示

基础用法

        
        
      

        
        
      

禁用状态

通过 `disabled` 属性可以将组件设置为禁用状态。

        
        
      

加载状态

通过 `loading` 属性可以将组件设置为加载状态。

        
        
      

API

Props

参数说明类型默认值
v-model开关状态anyfalse
title左侧标题string''
border是否展示单元格内边框booleantrue
cell-size单元格大小,可选值为 largestring-
loading是否为加载状态booleanfalse
disabled是否为禁用状态booleanfalse
size开关尺寸number / string24px
active-color开关时的背景色string#1989fa
inactive-color开关时的背景色stringwhite
active-value打开时的值anytrue
inactive-value关闭时的值anyfalse

Events

事件名说明回调参数
change开关状态切换回调checked: 是否选中开关


效果图:


 打赏        分享



评论

邮箱: 昵称: