Mt-card-component NPM | npm.io

0.10.33 • Published 3 years ago

Install

Weekly downloads

536

License

-

Repository

Last release

3 years ago

卡片组件 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=>{}

@infinitebrahmanuniverse/nolb-mt @everything-registry/sub-chunk-2214

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago