在tsx文件中使用el-select组件

在tsx文件中使用el-select组件

记录visible-change事件使用

<el-select filterable style="width:100%" v-model={this.userformData.userid} placeholder="请选择" ref="select"
  {...{
    on: {
      'visible-change': (callback: any) => { this.inputonfocus = callback; }
    }
  }}
>
  {this.userListData.map((option: any, index: number) => {
    return (
      <el-option
        key={index}
        label={option.username}
        value={option.id}
      >
        <span style="float: left">{ option.username }</span>
        <span style="float: right; color: #8492a6; font-size: 13px">
          {
            option.backend === "database" ? (<i class="iconfont icon-renbudaiwaiquan" style="font-size: 14px;"></i>) : (<i class="iconfont icon-erji-yonghuguanli" style="font-size: 14px;"></i>)
          }
        </span>
      </el-option>
    );
  })}
</el-select>