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>