@cloud-ui/s-test-form.vue

Cloud UI - SFormTable

Usage no npm install needed!

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

README

SFormTable 样本组件

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

示例

基本形式

基本形式是这样的,Balabala。

<s-form-table some-prop></s-form-table>

复杂示例

<template>
<s-form-table v-model="value">
    <div>Something</div>
</s-form-table>
</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 SFormTable 发送事件实例

@action

操作时触发

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

@change

值改变时触发

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

Methods

load()

加载。

Param Type Description

toggle(expanded)

切换状态。

Param Type Description
expanded Boolean 展开/折叠