样例 Sample
示例
在这里添加该组件的基础文档示例。
每个示例以<div class="m-example"></div>开头，后面添加相应的代码段。支持的代码段有：
css，会以<style>包裹css代码的形式添加到文档中；xml，表示Regular模板，如果没有js代码段，会自动创建一个component对象，$inject到.m-example中；javascript，添加js代码，请自行声明一个component对象。
基本形式
<sample />
Message属性
<sample message="Test" />
只读和禁用
<div class="g-row">
<div class="g-col g-col-6"><sample readonly /></div>
<div class="g-col g-col-6"><sample disabled /></div>
</div>
案例
在这里添加该组件的高级案例。
高级技巧
<sample />
API
Class
Sample
继承自。
Options
new Sample()
| 参数 | 类型 | 默认值 | 数据流向 | 描述 |
|---|---|---|---|---|
data | Object | 绑定属性 | ||
data.message | string | 'Hello World' | outside <=> inside | 消息 |
data.disabled | boolean | false | outside => inside | 是否禁用 |
data.visible | boolean | true | outside => inside | 是否显示 |
data.class | string | '' | outside => inside | 补充class |
Methods
sample.toggle(open)
展开/收起
| 参数 | 类型 | 默认值 | 描述 |
|---|---|---|---|
open | boolean | 展开/收起状态。如果无此参数，则在两种状态之间切换。 | |
| 返回值 | 类型 | 描述 | |
| 无返回值 | |||