element-ui trigger: 'focus'失效
时间: 2023-06-29 10:04:12 浏览: 127
快速解决element的autofocus失效问题
5星 · 资源好评率100%
如果您使用的是 element-ui 的 input 组件,并且设置了 trigger: 'focus',但它似乎没有生效,这可能是因为您的样式表中有一个样式规则覆盖了元素的默认行为。
您可以尝试在样式表中添加以下规则:
```
.el-input.is-focus .el-input__inner {
border-color: #409EFF;
box-shadow: none;
}
```
这将取消 box-shadow 和 border-color 样式的默认效果,使得 trigger: 'focus' 可以正常工作。如果您需要自定义样式,可以在此基础上进行修改。
另外,还有一种可能是您的 input 元素没有添加 ref 属性,导致 trigger: 'focus' 无法正确绑定到元素上。您可以尝试添加 ref 属性并将其指定为某个变量名,例如:
```
<el-input ref="myInput" v-model="inputValue" placeholder="请输入内容" trigger="focus"></el-input>
```
然后在组件实例中访问该变量名:
```
this.$refs.myInput
```
这样就可以确保 trigger: 'focus' 正确地应用于 input 元素。
阅读全文