在 Vue 2 中,Element UI 提供了 el-input
组件用于输入框功能。而在 Vue 3 中,Element UI 没有直接支持 Vue 3,但有一个名为 Element Plus 的项目提供了与 Element UI 类似但支持 Vue 3 的组件集。下面我将分别介绍 Vue 2 的 Element UI 和 Vue 3 的 Element Plus 中 el-input
组件的属性、事件和方法,并给出示例。
Vue 2 的 Element UI
el-input
属性:
value
/v-model
:绑定值,输入框的内容type
:输入框的类型,如text
、password
等placeholder
:占位符disabled
:是否禁用输入框maxlength
:最大输入长度minlength
:最小输入长度(Vue 2.6.0+)show-word-limit
:是否显示输入字数统计,与maxlength
结合使用clearable
:是否可清空readonly
:是否只读autofocus
:是否自动获取焦点autocomplete
:原生的 autocomplete 属性name
:原生 name 属性<