其他分享
首页 > 其他分享> > iView Select 组件获取输入焦点

iView Select 组件获取输入焦点

作者:互联网

项目用到了iView 的 select 组件,提交前校验是否已选择,如果未选择则提示并聚焦到输入框上,直接调用focus方法会报错,对其子元素focus看不到选中效果,查找文档无果,最终在select 的组件里发现以下属性

试了下修改isFocused 为true果然可行,需要配合tabindex属性 isFocused 设置选中,foucs设置聚焦到元素上

<!--html-->
<!--tabindex 必须要有,select的实际布局为div的组合,div要聚焦必须含有该属性,该属性是foucs的定位关键-->
<Select v-model="tenantId" ref="tenantSelect" id="tenantSelect" tabindex="0" placeholder="请选择"
          @on-change="tenantSelectChange">
          <Option v-for="(item, index) in tenantList" :value="item.id" :key="index">{{ item.name }}</Option>
</Select>
//js
this.$refs.tenantSelect.isFocused=true;

标签:focus,isFocused,Select,组件,true,select,iView
来源: https://www.cnblogs.com/Mxy-cnblog/p/16448689.html