vue2 ElementUI 表单标签、表格表头添加问号图标提示
在Vue2中使用ElementUI时，可以通过在表单项（FormItem）的label属性中添加问号（?）并配合Tooltip组件来实现图标提示。以下是一个简单的示例：
<template>
<el-form :model="form">
<el-form-item label="用户名?">
<el-input v-model="form.username"></el-input>
<el-tooltip placement="top" content="提示信息内容">
<i class="el-icon-question"></i>
</el-tooltip>
</el-form-item>
</el-form>
</template>
<script>
export default {
data() {
return {
form: {
username: '',
},
};
},
};
</script>在上述代码中，el-tooltip组件用于显示提示信息，el-icon-question是ElementUI内置的问号图标样式。你可以将content属性替换为你想要显示的提示信息。这样，当用户将鼠标悬停在问号图标上时，就会显示出提示信息。
评论已关闭