[8.0]el-选择器选项悬停显示信息

登录

如何实现当鼠标悬停在某一项时显示提示信息？

robert · robert

本帖最后由 robert 于 2022-9-28 21:53 编辑

1. 给需要显示悬停信息的单元格添加CSS类名

2. 添加自定义JavaScript文件

3. 文件内容如下

var FgcElement = FgcElement || {};
FgcElement.SelectSlots = FgcElement.SelectSlots || {};
FgcElement.SelectSlots.Prefix = FgcElement.SelectSlots.Prefix || {};
FgcElement.SelectSlots.Option = FgcElement.SelectSlots.Option || {};
FgcElement.SelectSlots.Option["showHover"] = function () {
return "<div><el-tooltip placement='right' :content='option.label'>{{ option.label }}</el-tooltip></div>";
}