控件说明
这个控件主要是在表单中作为一个选择控件,比如我们需要选择一个用户,选择一个用户组等。
控件样例
控件属性
属性 | 说明 |
---|---|
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