一、封裝全局組件

🍓 注意：可以直接復制該文件

<!-- // 寫一個PromptMessage的組件，并全局注冊 -->
<template><div class="tooltip"><el-tooltip effect="dark" placement="right"><div slot="content"><p v-for="item in messages" :key="item">{{item}}</p></div><i class="el-icon-info" style="color:#409eff;margin-left:2px;font-size:13px;"></i></el-tooltip></div>
</template><script>export default {props:['messages']};
</script>

🍭 引入：在main.js 中引入全局組件

// 引入
import PromptMessage from '@/views/common/PromptMessage'
// 注冊為全局組件
Vue.component('PromptMessage', PromptMessage)

---

二、具體頁面如何應用

🍇 以下代碼可直接復制粘貼

// 注意： ?? messages信息是以數組的形式展示的 數組里每一個元素展示出來就是一行信息renderHeader(h, {column}) {		return h('div', {style: 'display:inline-flex;margin:auto;'},[h('span', column.label),h('prompt-message', {props: {messages: ['這是第一行Tip信息','這是第二行Tip信息']}})]);
},

---

三：效果如下 🍹

---

四、寄語

人生如棋
我愿為卒
行走雖慢
可誰曾見我后退一步