@cloud-ui/u-test-card.vue

Cloud UI - UTestCard

Usage no npm install needed!

<script type="module">
  import cloudUiUTestCardVue from 'https://cdn.skypack.dev/@cloud-ui/u-test-card.vue';
</script>

README

UTestCard 样本组件

这里是样本组件的基本描述。

示例

基本形式

基本形式是这样的,Balabala。

<u-test-card some-prop></u-test-card>

复杂示例

<template>
<u-test-card v-model="value">
    <div>Something</div>
</u-test-card>
</template>

<script>
export default {
    data() {
        return {
            value: 3,
        };
    },
};
</script>

API

Props/Attrs

Prop/Attr Type Default Description
v-model, value.sync Number 1 主要的值
some Boolean false 一些
other String 其他的
prop Array 属性
disabled Boolean false 是否禁用

Events

@before-action

操作前触发

Param Type Description
$event.value String 传递的值
$event.content String 传递的内容
$event.preventDefault Function 阻止关闭流程
senderVM UTestCard 发送事件实例

@action

操作时触发

Param Type Description
$event.page Number 当前页码
$event.oldPage Number 旧的页码
senderVM UTestCard 发送事件实例

@change

值改变时触发

Param Type Description
$event.value Number 当前值
$event.oldValue Number 旧的值
senderVM UComboPagination 发送事件实例

Methods

load()

加载。

Param Type Description

toggle(expanded)

切换状态。

Param Type Description
expanded Boolean 展开/折叠