@wznpm/compontent
v0.1.7
Published
header: [ { type: '', 单元格显示类型 ['img', 'time', 'slot', 'custom', 'select'] label: '', 表头 value: '', 数据key fixed: '', col 定位 width: '', 单元格宽度 minWidth: '', 单元格最小宽度 sortable: false, 是否开启排序 默认不开启
Downloads
15
Readme
header: [ { type: '', 单元格显示类型 ['img', 'time', 'slot', 'custom', 'select'] label: '', 表头 value: '', 数据key fixed: '', col 定位 width: '', 单元格宽度 minWidth: '', 单元格最小宽度 sortable: false, 是否开启排序 默认不开启
<!-- 图片 type = img -->
limit: '', img 图片展示数量 默认全部展示
isArrObj: false, img 图片数据为Array时里面的数据是否为Object 默认为 false
imgKey: 'url', img 图片数据为数组对象(isArrObj=true)时 图片地址在Object中对应的key 默认为 'url'
prefixUrl: '', img 图片地址的Ip或者其他前缀 默认为''
<!-- 时间 type = time -->
展示的时间格式: 1970/1/1 08:00:00
<!-- 插槽 type = slot -->
slot: 'name', 具名插槽的name
父组件实例展示
template #name="row">
<div v-if="row.data.XXXXXX">
{{row.data.XXXXXX}}
</div>
<span v-else>-</span>
</template>
<!-- 自定义 type = custom -->
custom: (data) => {} // data 行数据
<!-- 数组对应 type = select -->
options: '', 要展示的数组数据
<!-- 时间格式化 type = deleteHMS -->
只展示时间的 YYYY-MM-DD
<!-- html type = html -->
html: '',html片段 只支持 原生的HTML
<!-- 操作 type = handleBtn -->
操作列
btnArr: { 展示按钮的数组
type: 'text', 按钮类型 默认是text
name: '', 按钮的文本
disabled: false, 是否禁用 默认是false
size: 'small', 按钮的大小 默认是small
}
按钮的点击事件 hanldeBtnClick(name,row) 的自定义方法触发 name 传入的name row 当前行数据
}, ]