iView Select 组件获取输入焦点

项目用到了iView(2.x) 的 select 组件,提交前校验是否已选择,如果未选择则提示并聚焦到输入框上.这个组件渲染时是由很多div组成的,并不是原生select标签,直接调用focus方法会报错,对其子元素focus看不到选中效果,查找文档无果,最终在select 的对象里发现以下属性

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

<!--html-->
<!--tabindex 必须要有,ivew(2.x)的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;

posted @   呱呱蛙呱呱呱  阅读(658)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· Manus的开源复刻OpenManus初探
· 写一个简单的SQL生成工具
鸡你太美~Baby~Baby~
点击右上角即可分享
微信分享提示