mt-card-component v0.10.33
卡片组件 mt-card-component
安装
npm install mt-card-component
使用
<template>
<card-box
:cardCode="15e78ff8-e04a-4bc0-b50f-ee1ab4475e99"
:possibleData="{corpId: '123'}"
:refresh="true"
:isDetail="false"
:refreshTime="5000"
@init="cardInit($event)"
/>
</template>
<script>
export default {
methods:{
cardInit(item) {
// 根据返回的参数请求数据
this.getDataById(item.body, item.query).then((res) => {
const data = res.data ? JSON.parse(res.data) : {};
item.instance.setData(data); // 设置数据
});
},
}
}
</script>
参数
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
cardCode | 卡片code | string | '' |
possibleData | 可能需要的数据 根据需求传递给卡片组件 | object | {} |
refresh | 是否定时请求数据 | boolean | false |
isDetail | 是否是卡片详情 | boolean | false |
refreshTime | 定时刷新时间 (ms) | number | 5000 |
事件
事件名 | 说明 | 返回值 |
---|---|---|
init | 当传入卡片code时, 触发init方法, 接收一个参数包括需要请求数据的body和query数据和卡片组件实例使用实例中的setData方法来设置卡片数据 | item=>{} |
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago