vue-i18n国际化语言包里面换行符\n在vue页面渲染换行

最新推荐文章于 2024-08-19 09:38:27 发布
最新推荐文章于 2024-08-19 09:38:27 发布
阅读量4k 收藏
点赞数 2
分类专栏： 大前端 文章标签： css vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LQS5858/article/details/118306723
版权

如下图：

  "components_com_trade_panel_2": "买盘\n卖盘",

要在vue正常按语言包格式换行，需要在渲染地方添加一行样式

.word-space:pre-line
Vue及Element UI&vue-element-admin简记
生活在别处
11-21 7113
文章目录概念索引安装vue基本语法声明式渲染动态参数双向绑定数据绑定中进行数据处理使用JS表达式计算属性侦听器Class 与 Style 的数据绑定Class的数据绑定Style的数据绑定条件与循环条件渲染v-if指令v-show指令列表（数组）渲染数据更新检测事件监听器修饰符事件修饰符按键修饰符按键码系统修饰键指令的缩写组件化应用构建vue实例实例生命周期的钩子模板语法高级语法相关概念HTML ...
Vue - 7 - 前端路由 - vue-router
LawssssCat的博客
03-04 466
上一篇：Vue - 6 - 脚手架 - vue cli（安装、使用、目录结构）、ESLint（自动匹配、关闭） https://blog.csdn.net/LawssssCat/article/details/104618487 文章目录vue-router详解# 认识路由## 路由表## 后端路由阶段早期 的网站开发整个 `HTML` 页面是由 **服务器** 来渲染的.一个网站, 这么...
React 使用 i18n 翻译换行解决方法
谢子文的博客
08-14 1392
按以上方式文本在渲染的时候并不能识别我们加入 \n 要实现换行的意图，通过拆分成两个多语来实现又太低级。在该多语需要渲染的地方加上以下 css，对需要渲染的文本进行空白符、制表符、换行符进行识别。
es6 去掉空格_vue-i18n使用ES6语法以及空格换行问题
weixin_39693437的博客
12-22 596
1.运行报错报错使用了不恰当的exportsUncaught TypeError : Cannot assign to read only property 'exports ' of object ' # < Object > '网上很多教程是写的//zh.jsmodule.exports={part1 : {name:'姓名'，nation:'地区'}part2 : {gende...
Vue中解析换行展示
最新发布
南城
08-19 963
替换换行符: 使用计算属性将 \n 替换为标签。CSS 处理: 使用 white-space: pre-line 来保留换行符。按行渲染: 将文本按行分割并使用 v-for 渲染。选择适合你需求的方法来处理换行符。
vue配置i18n需要在里面用换行符\n但是渲染页面不显示？
黔肆的博客
04-11 396
i18n解决换行符不渲染
i18n国际化切换
weixin_55333190的博客
04-09 1002
v3 use npm i -S vue-i18n@next config const i18n=createI18n({ locale:"", fallbackLocale?: 'zh-CN',//没有英文的时候默认中文语言 locale: 'zh-CN', // 语言标识 globalInjection: true, //使用全局$t()函数 message:message, //信息 legacy:false, //跟v3的comsitionapi 有关 }) export
vue-i18n使用ES6语法以及空格换行问题
weixin_30590285的博客
12-06 1908
1.运行报错 报错使用了不恰当的exports Uncaught TypeError : Cannot assign to read only property 'exports ' of object ' # < Object > ' 网上很多教程是写的 //zh.js module.exports={ part1 : { name:'姓名'， ...
vue 3 中i18n字符串 转义问题
HaSaKing的博客
04-16 1454
本地没有问题，打包就有问题，最后排查是i18n问题，这里记录下。
前端技术 ES6、Vue、Node.js、NPM包管理器、Babel、模块化、Webpack、vue-admin-template-master框架、服务端渲染技术NUXT
qq_45491549的博客
08-05 1479
前端技术ES6入门ECMAScript 6 简介二、基本语法Node.js一、简介二、安装NPM一、简介二、使用npm管理项目BabelWebpack一、什么是Webpack二、Webpack安装三、初始化项目四、JS打包五、CSS打包 ES6入门 ECMAScript 6 简介   ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言
vue ajax渲染数据,Vue2 异步获取的数据(通过ajax)获取的数据 渲染到dom上
weixin_36206388的博客
08-05 1098
页面dom结构如下姓名： {{msg.name}}年龄： {{msg.old}}地址： {{msg.address}}id： {{msg.user_id}}删除jsvar app = new Vue({el:'#app',data:{msg:{name:'zhangsan',old:'18',address:'shanghai',user_id:'101010',}},//可以将渲染数据的操作放...
前端框架-Vue
AyinMars的博客
03-25 6350
Vue Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。 HTML + CSS + JS : 视图 ： 给用户看，刷新后台给的数据 网络通信 ： axios 页面跳转 ： vue-router 状态管理：vuex Vue-UI : ICE , Element UI 1 前端核心分析 1、VUE 概述 Vue (读音/vju/, 类似于view)是一套用于构建用户界面的渐进式框架，发布于2014年2月。 与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库
vue中 使用 vue-i18n 切换中英文
lduzhenlin的专栏
07-01 387
兼容性： 支持 Vue.js 2.x 以上版本 安装方法： npm install vue-i18n 1、准备本地的翻译信息 const messages = { zh: { message: { hello: '好好学习，天天向上！' } }, en: { message: { hello:...
vue-element-admin添加国际化（切换中英文）
EvaY_Yang的博客
10-28 6870
vue-element-admin添加国际化（切换中英文）
Vue3.2+TS通过i18n实现国际化全流程，使用Vue3.2+TS+i18n来给大家实现一下项目的国际化，并且单独封装一个切换语种的组件，解决出现的bug
m0_56986233的博客
08-10 3326
Vue3.2+TS+Vite的国际化实现，并且解决了部分bug，封装了国际化切换组件
用Java做国际化时，假如properties文件的属性值需要换行，如何处理？
luopeng0925的博客
07-19 3412
Java读取Properties文件时碰到两问题： 1. 资源文件中的key对应的value过长时，书写不方便，需要换行，若直接回车则回车后的内容被忽略 2. 资源文件中的key对应的value需要换行显示时，若直接回车，则同样丢掉回车后的部分     要解决这两个问题其实不是很难，只是大家对properties文件的熟悉程度不太一样。我就是因为不熟悉以前都是一位换行就可以了，但是这是不行的
使用vue-i18n实现多语言
热门推荐
Joyce的前端日常
12-19 2万+
前言 1 需求 2 vue-i18n插件 3 兼容性 实战 1 安装 2 工程中使用 1 在mainjs中引入vue-i18n 2 语言资源 3 VueI18n实例 4 挂载到Vue的实例上 5 标记在HTML中 6 标记在js中 3 功能进阶 1 动态切换语言 2 语言包 1 资源文件 2 mainjs中引入 3 资源中换行 1. 前言 (1) 需求 V
Vue前端换行问题
无问西东
04-10 6940
长文本段落换行在前端中经常用得到。 最近被迫做了好多前端项目。。 频繁遇到两个问题，一个是跨域配置，一个就是换行。 我并没系统学过前端，遇到的问题只能一个一个解决，看一点学一点。。有时间还是应该系统学一下，以后估计需要用到的地方还很多。。 接收到的文本一般是会带\n换行符的，但是在前端中并不会出现换行。 一般需要对文本进行以下处理。 比如文本： “<IL-6(-597) genotypes,HBV>association\n” + “<IL-6(-597) genotypes,HCC&
关于element-ui国际化label超出换行问题
qq_29170455的博客
07-04 2643
关于element-ui国际化label超出换行问题
新版本ant-design-vue发布 3.1.0-rc.3 UI组件库
- **.gitattributes**：一个配置文件，用于定义文件在使用Git时的行为，例如处理换行符、文件属性等。 - **.antd-tools.config.js**：可能是与构建和管理 Ant Design Vue 项目相关的配置文件。 - **webpack.build...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值