vusion-api
Version:
Vusion Node.js API
94 lines (67 loc) • 1.76 kB
Markdown
# <%= componentName %> <%= title %>
<%= description %>
## 示例
### 基本形式
基本形式是这样的,Balabala。
``` html
<<%= tagName %> some-prop></<%= tagName %>>
```
### 复杂示例
``` vue
<template>
<<%= tagName %> v-model="value">
<div>Something</div>
</<%= tagName %>>
</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 | <%= componentName %> | 发送事件实例 |
#### @action
操作时触发
| Param | Type | Description |
| ----- | ---- | ----------- |
| $event.page | Number | 当前页码 |
| $event.oldPage | Number | 旧的页码 |
| senderVM | <%= componentName %> | 发送事件实例 |
#### @change
值改变时触发
| Param | Type | Description |
| ----- | ---- | ----------- |
| $event.value | Number | 当前值 |
| $event.oldValue | Number | 旧的值 |
| senderVM | <%= componentName %> | 发送事件实例 |
### Methods
#### load()
加载。
| Param | Type | Description |
| ----- | ---- | ----------- |
### toggle(expanded)
切换状态。
| Param | Type | Description |
| ----- | ---- | ----------- |
| expanded | Boolean | 展开/折叠 |