如何实现ElementUI表单项label的文字提示?
在Element UI中,可以通过在<el-form-item>
组件中使用label
属性来设置表单项的文字提示。以下是一个简单的例子:
<template>
<el-form ref="form" :model="form" label-width="80px">
<el-form-item label="用户名">
<el-input v-model="form.username"></el-input>
</el-form-item>
<el-form-item label="密码">
<el-input type="password" v-model="form.password"></el-input>
</el-form-item>
<!-- 其他表单项 -->
</el-form>
</template>
<script>
export default {
data() {
return {
form: {
username: '',
password: ''
}
};
}
};
</script>
在这个例子中,<el-form-item label="用户名">
和<el-form-item label="密码">
分别设置了“用户名”和“密码”作为文字提示。用户在表单项中输入数据时,这些提示文字会显示在对应的表单项旁边。
评论已关闭