【前端】全局修改Vue项目UI库国际化设置成英文，“暂无数据”“no data”

supporint

于 2023-01-20 10:06:45 发布

阅读量699

点赞数

文章标签： vue.js 前端 ui

本文链接：https://blog.youkuaiyun.com/Supporint/article/details/128739990

版权

本文介绍如何在Vue项目中全局修改UI库的默认语言为英文，特别是当遇到表格无数据时显示的'暂无数据'，通过在app.vue中添加父标签并引入对应的国际化包来实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

修改之前的表格无数据时
在这里插入图片描述
这个UI库自带的样式，你不可以通过修改某些属性来达到自定义显示的效果，比如修改成英文的“no data”

你要做的是在app.vue项目中，给所有加载的模板增加一个父标签：

<template>
    <a-config-provider :locale="enUS">
        <div @mousedown="hidePopup">
            <CommonHeader /</