控件说明

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

控件样例

控件属性

属性 说明
value(v-model) 在代码中我使用这个实现双向绑定 ,当属性为 single 时,表示为单值,否则 格式为 {value:””,text:””}
single 单个值 这个和value 相关,看上面的说明
allowInput 是否允许输入
showClose 是否显示关闭按钮

控件方法

方法 备注
setVal(val,text) 设置控件的值,参数1:控件的值,参数2:显示值
getVal() 获取控件的数据
handClose() 清空数据

事件

名称 说明
click 点击事件,点击事件的参数为 当前控件实例对象。

控件示例

事件写法1

  1. <rx-input-button v-model="form.form" @click="demoInputEvent"></rx-input-button>
  2. demoInputEvent(o){
  3. this.form.form="{value:'customOrder',text:'客户订单'}";
  4. }

这里是更改控件的值实现双向绑定。

事件写法2

  1. <rx-input-button v-model="form.form" @click="demoInputEvent"></rx-input-button>
  2. demoInputEvent(obj){
  3. obj.setVal('customOrder','客户订单');
  4. }

这个obj对象是控件的实例对象,可以调用控件的方法。

文档更新时间: 2021-08-17 09:21   作者:zyg