0.1.7 • Published 1 year ago

@wznpm/compontent v0.1.7

Weekly downloads
-
License
-
Repository
-
Last release
1 year ago

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 当前行数据

}, ]