Skip to content

Cell 单元格

WD UI 单元格组件。

vue
<template>
  <wd-cell-group>
    <wd-cell title="单元格" value="内容" />
    <wd-cell title="单元格" value="内容" is-link />
    <wd-cell title="单元格" value="内容" is-link @click="handleClick" />
  </wd-cell-group>
</template>

<script setup>
const handleClick = () => {
  console.log('点击了单元格')
}
</script>

API

Cell Props

参数说明类型默认值
title左侧标题string
value右侧内容string
label标题下方的描述信息string
icon左侧图标string
is-link是否展示右侧箭头booleanfalse
clickable是否开启点击反馈booleanfalse

Events

事件名说明参数
click点击单元格时触发event