element 问号提示_vue实现element表格里表头信息提示功能(推荐)

如图：在element表格操作一栏需要添加提示功能

实现效果

如图：鼠标浮上去弹出tips

解决方案

1、编写组件

在 promptMessage.vue 文件里面实现

{ {item}}

export default {

props: ['messages']

}

.promt-message-tooltip {

.tips-icon {

color:#409eff;

margin-left:5px;

font-size:14px;

}

}

2、开发插件

在 index.js 文件里面实现

import promptMessage from './promptMessage.vue'

export default {

install: (Vue) => {

Vue.component('promptMessage', promptMessage)

}

}

3、使用插件

在 main.js 文件里面实现

import promptMessage from '@/components/promptMessage/