@cloud-ui/u-test-card.vue
v0.1.5
Published
Cloud UI - UTestCard
Downloads
10
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 | 展开/折叠 |