在 Element Plus 官網(wǎng)的指南頁面有很多好看的例子令哟,代碼可以現(xiàn)成 Copy 使用兽肤,但是在本地會發(fā)現(xiàn)樣式完全不生效勋拟;即便是自己用組件手擼的也沒有像樣的效果挺份。這是因為沒有導(dǎo)入 element plus 的 CSS 默認樣式文件卖局。
在 main.js 導(dǎo)入 element-plus 模塊和 CSS 樣式文件:
import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
// 引入 Element Plus 默認樣式文件
import 'element-plus/theme-chalk/index.css'
const app = createApp(App)
// 注冊組件
app.use(ElementPlus,
VueAxios,
axios)
app.mount('#app')