控件说明
这个控件主要是在表单中作为一个选择控件,比如我们需要选择一个用户,选择一个用户组等。
控件样例

控件属性
| 属性 | 说明 |
|---|---|
| value(v-model) | 在代码中我使用这个实现双向绑定 ,当属性为 single 时,表示为单值,否则 格式为 {value:””,text:””} |
| single | 单个值 这个和value 相关,看上面的说明 |
| allowInput | 是否允许输入 |
| showClose | 是否显示关闭按钮 |
控件方法
| 方法 | 备注 |
|---|---|
| setVal(val,text) | 设置控件的值,参数1:控件的值,参数2:显示值 |
| getVal() | 获取控件的数据 |
| handClose() | 清空数据 |
事件
| 名称 | 说明 |
|---|---|
| click | 点击事件,点击事件的参数为 当前控件实例对象。 |
控件示例
事件写法1
<rx-input-button v-model="form.form" @click="demoInputEvent"></rx-input-button>demoInputEvent(o){this.form.form="{value:'customOrder',text:'客户订单'}";}
这里是更改控件的值实现双向绑定。
事件写法2
<rx-input-button v-model="form.form" @click="demoInputEvent"></rx-input-button>demoInputEvent(obj){obj.setVal('customOrder','客户订单');}
这个obj对象是控件的实例对象,可以调用控件的方法。
文档更新时间: 2022-03-27 10:53 作者:zyg