Element UI 中 `<el-input>` 组件的 `prefix-icon` 属性使用指南
prefix-icon 属性是 <el-input> 组件的一个属性,用于设置输入框前面的图标。在你的代码中,你的使用方式是错误的,应该改为 prefix-icon='el-icon-user'。
正确的代码应该是:
<el-input v-model='user.username' :prefix-icon='userIcon' placeholder='请输入账号'></el-input>
其中,userIcon 是一个变量,用于存储图标的样式名称,比如 'el-icon-user'。
另外,还可以使用 icon 属性来设置输入框的后缀图标,例如:
<el-input v-model='user.password' :suffix-icon='passwordIcon' placeholder='请输入密码'></el-input>
其中,passwordIcon 是一个变量,用于存储后缀图标的样式名称。
请确保你在 Vue 组件中正确地定义了 user.username 和 user.password 的初始值,以及 userIcon 和 passwordIcon 的赋值。
原文地址: https://www.cveoy.top/t/topic/qw9S 著作权归作者所有。请勿转载和采集!