uniapp input输入框点击 自动聚焦末位
时间: 2023-07-20 08:18:55 浏览: 1104
input输入框鼠标焦点提示信息
可以通过给输入框添加一个 focus 属性来实现输入框聚焦末位的效果。具体操作如下:
1. 在 input 标签中添加 focus 属性:
```html
<template>
<div>
<input type="text" v-model="inputValue" :focus="true"/>
</div>
</template>
```
2. 在对应的页面或组件中,通过 data 属性定义 inputValue 变量,并设置初始值为空:
```javascript
<script>
export default {
data() {
return {
inputValue: ''
}
}
}
</script>
```
这样,当页面加载完成时,输入框就会自动聚焦到末位。
阅读全文