ya-checkbox

🐙 使用 ya-checkbox 组件

🧊 标签attribute 属性列表

属性可选性类型默认值作用
selectedData必须necessaryArray——指定已选中的选项
options必须necessaryObject { name: string, type: 'image' | 'video' }——input原始标签绑定的value值,耦合部分属性
linkSrc非必须unnecessaryurlLink|base64一张文件图片外链图片地址
width非必须unnecessaryNumber84px主盒子宽度
height非必须unnecessaryNumber84px主盒子长度
srcWidth非必须unnecessaryNumber64px链接图宽度
srcHeight非必须unnecessaryNumber64px链接图长度

🧊 标签Events 事件列表

事件名称说明回调参数 Function(checkedValue)
selectX选中或取消发生变化时回调函数指定已选中的选项

组件形态

🧊 ya-checkbox组件示例

<ya-checkbox
  @selectX="(checkedValue) => (selectMaterials = checkedValue)"
  :options="item"
  :selectData="selectMaterials"
  :linkSrc="item.type === 'video' ? item.url : item.thumbnail"
  :srcWidth="64"
  :srcHeight="64"
  :width="104"
  :height="104"
></ya-checkbox>
import { YaCheckbox } from 'yian3/es/components/index'

export default defineComponent({
  components: {
    YaCheckbox
  },
})
Last Updated:
Contributors: yian