element-plus 2.7.6相关使用方式

duansamve

已于 2024-07-06 21:32:47 修改

阅读量477

点赞数 3

分类专栏： vue 文章标签： vue.js

于 2024-07-01 11:03:51 首次发布

本文链接：https://blog.youkuaiyun.com/duansamve/article/details/140095276

版权

vue 专栏收录该内容

114 篇文章

订阅专栏

1、按需导入时如何进行组件库语言切换：

<template>
  <el-config-provider :locale="zhCn">
    <el-table :data="tableData" style="width: 100%">
...
    </el-table>
  </el-config-provider>
</template>

<script lang="ts" setup>
import zhCn from "element-plus/es/locale/lang/zh-cn";
</script>

<style scoped>

</style>

<template>
  <el-config-provider :locale="zhCn">
其它组件...
  </el-config-provider>
</template>

<script lang="ts" setup>
import zhCn from "element-plus/es/locale/lang/zh-cn";
</script>

<style scoped>

</style>

2、如何在原生js中按需使用element-plus：

*.js

import { ElMessage } from 'element-plus';
import 'element-plus/theme-chalk/el-message.css'

function fn(){
    ElMessage({
      message: '无数据',
      type: 'error'
    });
}

export default fn;