CellSelect 方格选择

基础用法

<template>
  <plv-cell-select
      style="width: 336px;"
      v-model="value"
      type="multiple">
      <plv-cell-select-item :value="1">周一</plv-cell-select-item>
      <plv-cell-select-item :value="2">周二</plv-cell-select-item>
      <plv-cell-select-item :value="3">周三</plv-cell-select-item>
      <plv-cell-select-item :value="4">周四</plv-cell-select-item>
      <plv-cell-select-item :value="5">周五</plv-cell-select-item>
      <plv-cell-select-item :value="6">周六</plv-cell-select-item>
      <plv-cell-select-item :value="7">周七</plv-cell-select-item>
    </plv-cell-select>
</template>

<script>
  export default {
    data() {
      return {
        value: [1, 4],
      };
    }
  };
</script>

显示代码

CellSelect Attributes

参数	说明	类型	可选值	默认值
value / v-model	绑定值	-	-	-
disabled	是否禁用	Boolean	-	false
readonly	是否只读	Boolean	-	false
theme	主题	String	capsule	''
size	尺寸	String	medium small mini	''
type	选择类型，single-单选，multiple-多选	String	single multiple	single

CellSelectItem Attributes

参数	说明	类型	可选值	默认值
value	选项值	-	-	-
disabled	是否禁用	Boolean	-	false