el-tooltip如何自定义提示内容

 时间:2024-10-21 03:59:12

在使用Element的Tooltip文字提示时,如何el-tooltip组件的提示内容呢?如图

el-tooltip如何自定义提示内容

工具/原料

小米pro15.6

win10

方法/步骤

1、打开一个vue文件,添加一个el-too盟敢势袂ltip标签,然后在该标签里面添加一个用于显示内容的el-button按钮。如图

el-tooltip如何自定义提示内容

2、在el-tooltip标签里面添加一个div标签,在div标签上使用slot=&q掼鸿乡羰uot;content",div里面的内容就是鼠标滑过显示的提示内容。如图

el-tooltip如何自定义提示内容

3、保存vue文件后使用浏览器打开,这时候就可以看到鼠标滑过内容显示为自定义的内容了。如图

el-tooltip如何自定义提示内容

jquer如何在输入结束时触发事件 易语言颜色选择组件和组合框如何用 易语言模块如何查看 易语言外形框的妙用 易语言寻找文本
热门搜索
仙客来图片 爱丽丝梦游仙境图片 葫芦图片大全 柳絮图片 漫画头像女生