switch

基础用法

ykc-switch 的基础用法。

图表 列表

图图 文文

<template>
  <!-- ykc-switch 组件 -->
  <div class="switch-wrap">
      <ykc-switch @click="handleClick"></ykc-switch>
      <ykc-switch @click="handleClick" :text="['图图', '文文']" :value="false"></ykc-switch>
  </div>
</template>

<script>
  export default {
    methods: {
      handleClick (v) {
        console.log(v)
      }
    }
  };
</script>

显示代码 复制代码 复制代码

Attributes

参数	必填	说明	类型	可选值	默认值
value	否	默认值	boolean	true / false	true
text	否	switch 文字描述	array	—	['图表', '列表']

Events

事件名称	说明	回调参数
click	点击触发	新状态的值