meixihandlerecorde

项目目录

|-- lib ----------------------------------项目打包后文件
|   |-- demo.html
|   |-- index.d.ts
|   |-- index.js
|   |-- meixihandlerecorde.common.js
|   |-- meixihandlerecorde.umd.js
|   |-- meixihandlerecorde.umd.min.js
|-- packages ----------------------------------项目主要文件
|   |-- index.js
|   |-- index.ts
|   |-- component -----------------------------项目组件文件夹
|       |-- handleInfo.vue --------------------单条记录
|       |-- handleRecord.vue -------------------记录列表
|       |-- handleRecordWrap.vue ---------------组件外容器

组件预览

安装依赖

npm install meixihandlerecorde

项目文件

/// index.ts
// 入口只导出 meixiHandleRecord 组件
export {meixiHandleRecord}

插件使用

<template>
  <meixiHandleRecord :load-fn='loadOptionRecord'></meixiHandleRecord>
</template>

meixiHandleRecord Api

props

| 参数 | 类型 | 默认值 | 可选值 | 描述 | |--------|----------|-----|-----|------------| | loadFn | Function | / | / | 向后端加载数据的接口 |

emit 事件

暂无

slot 插槽

暂无

使用例子

 // async loadOptionRecord(config) {
 //      try {
 //        const { id } = this.$props.orderControl;
 //        const result = await GetOrderOptionsRecord(id);
 //        return result.map(item => {
 //          const { createTime, eventContent, createBy } = item;
 //           //需要二次处理数据
 //           //转成以下类型
 //          return {
 //            time: parseInt(createTime),
 //            updateBy: createBy,
 //            title: eventContent
 //          };
 //        });
 //      } catch (error) {
 //        return [];
 //      }
 //    }