关于elementui出现el.transfer.noData或者le.*.*等无数据时不显示中文的问题（国际化）

已于 2024-01-24 20:16:23 修改
阅读量425 收藏 8
点赞数 7
文章标签： html elementui
于 2024-01-23 10:58:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39336120/article/details/135766275
版权

在这里插入图片描述
关于elementui没有数据的情况下出现转意问题,可能是开启国际化导致的在国际化的配置文件中配置上对呀的配置就行
在这里插入图片描述

不爱吃菜de尹
关注
  • 7
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue3 - Element Plus 组件全是英文的 “全局汉化“ 解决方案，各种组件都显示 No Data / Go to 等英文文字，将其全部组件从英文变成汉语的详细教程（并解决了引入报错问题）
王佳斌
09-14 3092
element plus显示No data，element plus组件中文汉化，Element plus将组件中英文转为中文，组件库是英文怎么全部调成中文，使用element-plus组件,默认显示英文 转换为中文，element plus组件文字都是英文的怎么办，element plus组件为空显示的是英文如何改成中文，element plus分页组件Pagination默认为 Go to 英文改成中文汉语，Element plus设置中文语言方法，element plus怎么把分页器的英文Go to改
【前端】全局修改Vue项目UI库国际化设置成英文，“暂无数据”“no data”
Supporint的博客
01-20 505
怎么把 UI库自带的效果设置成英文的”，acro design UI库设置全局英文，
el-transfer（穿梭框）一边数据为空时，尝试添加至另一边报错：Cannot read property ‘0‘ of null at patchBlockChildren (runtime-
qq_39973242的博客
03-02 720
<el-transfer v-model="transferData.value" :props="{key:'id',label:'name',disabled:'status'}" :data="transferData.data" style="text-align: left; display: inline-block" filterable :titles="['未拥有菜单', '已拥有菜单']" :button-texts="['分配', '移除']" :format="{noCheck
el-transfer穿梭框出现空行的解决方法
weixin_50216073的博客
06-14 226
::v-deep .el-checkbox.el-transfer-panel__item { display: block; } 你会发现解决啦！！！
el-transfer设置v-model无效（右侧选择框有数据不显示）
最新发布
qq_51225312的博客
02-27 859
例如：data = ['上海', '北京', '广州', '深圳', '南京', '西安', '成都'],那么v-model = []这是因为el-transfer的v-model是data的子集。上海、 北京、 广州、 深圳、 南京、 西安、 成都。深圳、南京、西安、成都。
ElementUI中transfer组件左右数据同源问题
vcxiyh的博客
03-16 1495
ElementUI中transfer组件在数据更新时,右侧绑定数据会消失的问题及解决方案
浅谈Vue.js之初始化el以及数据的绑定说明
10-15
今天小编就为大家分享一篇浅谈Vue.js之初始化el以及数据的绑定说明，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
El表达式使用问题javax.el.ELException:Failed to parse the expression的解决方式
10-17
今天小编就为大家分享一篇关于Jsp El表达式使用问题javax.el.ELException:Failed to parse the expression的解决方式，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
elementUI vue this.$confirm 和el.docx
11-22
ElementUI Vue 中的 `$confirm` 和 `el-dialog` 组件的使用和自定义 ElementUI 是一个基于 Vue.js 的 UI 组件库，提供了许多实用的 UI 组件来帮助开发者快速构建 Web 应用程序。在 ElementUI 中， `$confirm` 和 `...
elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo
12-09
调试了好久, 还能凑合用, 请直接看DOME 示例,复制就能用: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Title</title> <!...
【Element-UI】在vue中将组件调整为英文（国际化）
热门推荐
AXIMI的博客
08-15 1万+
Element-UI的默认语言是中文，组件中的文字都是中文的，例如： 日历组件里面显示的文字是"年"和"月"。 为了让页面显得高大上一下，可以将这些组件调成英文的形式，首先在工程文件的文件夹下找到这个文件： node_modules/element-ui/lib/locale/lang/en 这里lang文件夹下面的文件是这样的： 然后在main.js文件中引入这个文件下的locale： ...
【vue+el-transfer】穿梭框实现及遇到的bug，已解决
花椒和蕊的博客
06-20 4215
这个坑就是filter-method引起的，因为我是可搜索的穿梭框，从官方示例拿过来的时候，先定义了这个方法，但是啥都没写，真的是不踩一下根本不知道这还会影响数据源的展示。这里说下，left-check-change和right-check-change，分别在左侧和右侧勾选复选框的时候触发，我这里因为需求的调整，没用到，但还是保留了。正常从接口获取数据就行，我这里是组件，所以在父页面获取到之后，传到子组件就行，在子组件里监听数据源，处理数据之后给treansfer绑定的data。
使用基于vue封装的tree-transfer插件遇到的坑
genius_panda_one的博客
01-28 1479
使用基于vue封装的tree-transfer插件遇到的坑 使用tree-transfer插件,在使用后台返回的数据时,遇到了一堆问题, 比如左边的穿梭到右边, 然后在右边不显示,或者是显示的数据少一部分 官方文档的测试数据如下 我们后台返回的数据如下 注意点1: 后台返回的数据menuId就是上面测试数据的id, 我们必须将menuId全局替换成id, 这样tree-transfer插件就能正常识别层级了替换代码如下: JSON.parse(JSON.stringify(后台返回的数据).replac
关于el-tree-transfer底层bug
weixin_41165803的博客
01-24 1666
el-tree-transfer搜索全选bug
vue-element-admin添加国际化（切换中英文）
EvaY_Yang的博客
10-28 6204
vue-element-admin添加国际化（切换中英文）
Element transfer 两边数据（左右）的显示问题？
weixin_30646505的博客
11-14 2439
本仙今天遇到这个穿梭框的问题 这个是我前几天刚换的（原来用的是iview的，换成了element ） 别问我为什么，用过iview的都知道 转入正题 问题：从后台获取的数据全部都显示在了我的左边框中 右边框嘛也没有 其实这个问题 根本不是个 问题 但是还是浪费了我不少的时间 因为我没好好看文档？好了 可能因为我太轻敌了吧 情况是这样的：左边是我全部的数据 红框框的应该在右边的 但是...
el-transfer穿梭框使用（传值、清空）
coinisi_li的博客
08-18 4652
可能会遇到从后台获取的数据全部都显示在了左边框中，右边框没有数据，因为 v-model 绑定的selectedUserIds接收的是 key 的数组。有两个区域：一个是"待选用户"，另一个是"已选用户"。在组件el-transfer中有些特殊，因为他禁用的不是整个组件，而是每条数据。注意，这种索引方式依赖于子组件在模板中的位置，如果你的模板结构发生变化，这些索引可能会失效。来给子组件命名，然后通过命名来访问子组件，而不是通过索引。组件中的不同区域，每个区域可能具有不同的查询条件(代表一个Vue组件的引用。
关于el-transfer右侧数据显示的问题
Norah_Yang的博客
01-14 5166
问题提出 近期做项目需要使用穿梭框，就高高兴兴地开始贴代码。把从后台取过来的数据放在穿梭框左侧，用props对属性进行重命名 presetProps:{ key:'presetCode', //value label:"presetName", //name }, 在给右侧添加数据时，数据是可以进去，但是左侧框依然存在相同数据。百度了很久都没找到相似问题，是我太蠢了咩~ 问题解决 在不使用后台数据的情况下，发现左右框是能正常显示的。重新看了一下从后台取到的v
Element-UI分页组件如何设置成中文
weixin_43852569的博客
08-19 5353
Element-UI分页组件如何设置成中文 前言 今天我在写项目的时候，发现在使用Element-UI组件的分页组件显示的是英文，不是中文： 但是我在官网上看到的却是中文显示的，而且我也想要分页组件显示成中文，于是我看了下官网的说明，知道了为什么不显示中文了。 解决办法 原本Element 组件内部默认使用中文，但是我在使用的时候多写了这样一行代码： 咱们看看官网上怎么说的： 就是因为多写了这么一行代码，所以导致分页组件显示的是英文，当把这行代码注释掉之后，组件就可以正常显示中文了： 当然如果你之后
elementui表格超出显示...
09-01
在Element UI中，要实现表格超出部分内容的显示，可以使用表格列组件的`:show-overflow-tooltip='true'`属性。这个属性可以将过长的部分内容隐藏起来，并且在鼠标悬停在内容上面时，以悬浮框的形式将所有数据显示出来。具体的代码如下所示： ```html <el-table-column label="DeviceId" prop="deviceId" :show-overflow-tooltip='true'></el-table-column> ``` 在这个代码中，我们给表格列组件添加了`:show-overflow-tooltip='true'`属性，这样当表格内容超出列宽时，会隐藏超出部分的内容。当鼠标悬停在内容上面时，会以悬浮框的形式将所有数据显示出来，以便用户查看完整的内容。这样可以使表格在超出部分内容时能够更好地展示数据，并提供更好的用户体验。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法](https://download.csdn.net/download/weixin_38593701/13982200)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Vue：element-ui中表格过长内容隐藏显示](https://blog.csdn.net/sssxlxwbwz/article/details/126323112)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值