-
auto-focus
属性:- 作用:指定输入框是否默认自动获得焦点。
- 值:布尔值,
true
表示自动聚焦,false
表示不自动聚焦。 - 使用方法:直接将
auto-focus
属性赋值给input
组件即可。 - 示例:
htmlCopy Code
<input type="text" auto-focus="{{true}}" />
-
focus
属性:- 作用:通过绑定一个变量,控制输入框的聚焦状态。
- 值:任意类型,一般将它绑定到一个布尔型的data变量上,在变量值为
true
时聚焦输入框,为false
时失去焦点。 - 使用方法:使用双向数据绑定语法
:
将focus
属性与一个变量绑定。 - 示例:
<input type="text" :focus="isFocused" />
export default { data() { return { isFocused: true // 或 false }; } }
总结:
auto-focus
是直接控制输入框是否自动聚焦,只需设置属性值为true
或false
。focus
是绑定一个变量,在变量值为true
时聚焦输入框,为false
时失去焦点。可以通过修改绑定的变量值来控制输入框的聚焦状态。