cdn方法使用element plus
# 引入文件
图标引用,部分图标不显示
需要引入
<script src="//unpkg.com/@element-plus/icons-vue"></script>
图标引用方式,ArrowRight 驼峰命名的需要改为中划线命名法
<el-icon><arrow-left-bold /></el-icon>
<el-icon><refresh-right /></el-icon>
const app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
app.component(key, component)
}
app.use(ElementPlus).mount('#app')
使用中文
<script src="//unpkg.com/element-plus/dist/locale/zh-cn"></script>
<script>
app.use(ElementPlus, {
locale: ElementPlusLocaleZhCn,
})
</script>
ElMessage报错
Vue实例中使用
this.$message.success("success")
js中使用
ELEMENT.Message.success("success");
Table 表格出现样式错误,标签需要闭合
<el-table-column type="index" label="序号" width="100" header-align="center" align="center" /></el-table-column>