解决vue项目中使用VueCoreVideoPlayer后，其他国际化数据被替换问题

最新推荐文章于 2024-07-08 16:03:34 发布

别派小狗去暗鲨

最新推荐文章于 2024-07-08 16:03:34 发布

阅读量354

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/m0_46403770/article/details/128491436

版权

问题描述

vue-core-video-player 一个基于Vue超轻量级的视频播放器组件，支持i18n，但当我们项目中已经配置了国际化，再引入vue-core-video-player 后就会发现项目中其他国际化数据都被影响了。

解决方法

将项目中其他使用到国际化的地方，由 $t 替换为 $tc ，其他文件无需改动。

示例：

修改前：

{{ $t("school.teacher") }}

修改后：

{{ $tc("school.teacher") }}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

别派小狗去暗鲨

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue-core-video-player播放器组件

xiangzhihong8的专栏

05-02

2321

一、介绍 vue-core-video-player是一款基于 vue.js 的轻量级的视频播放器插件插件，支持如下特性：个性化配置 i18n 服务端渲染画中画模式事件订阅易于开发移动端适配 1.1 官方文档 https://core-player.github.io/vue-core-video-player/zh/get-started.html 1.2 安装和快速使用首先，在项目中安装插件，安装的方式有两种： npm install --save vue-core-video-play

超精致 Vue 视频播放组件Vue-CoreVideoPlayer

weixin_46337813的博客

07-01

2615

https://www.toutiao.com/i6846961652387021320/?group_id=6846961652387021320&wid=1625119721154 今天给小伙伴们推荐一款功能超赞的vue.js视频播放器组件VueCoreVideoPlayer。 vue-core-video-player一个基于Vue超轻量级的视频播放器组件。采用Adobd XD进行UI设计，支持移动端适配。特性个性化UI配置 i18n 服务端渲染画中画...

参与评论您还未登录，请先登录后发表或查看评论

Vue CoreVideoPlayer 一款基于 vue.js 的轻量级、优秀的视频播放器组件

最新发布

weixin_49562392的博客

07-08

1134

Vue-CoreVideoPlayer是款基于vue.js的轻量视频播放器插件，支持移动端适配，功能强大且颜值高。支持个性化配置、国际化、画中画模式等，文档完善，上手容易，适合VUE开发者使用。

视频播放平台vue-core-video-player

weixin_46407419的博客

04-30

3283

视频播放平台vue-core-video-player vue-core-video-player # vue-core-video-player封装了video.js库 # vue-core-video-player vue-core-video-player-基于vue.js的视频播放器组件官方文档：https://core-player.github.io/vue-core-video-...

设置vue-video-player的显示语言

weixin_50552284的博客

02-03

1651

vue-video-player默认显示的是英文，我需要把显示改成日文。找到这位说的，终于改对了： https://blog.csdn.net/weixin_41643133/article/details/104828367 我的修改： main.js: import VideoPlayer from 'vue-video-player' window.videojs = VideoPlayer.videojs require('video.js/dist/lang/ja.js') // 必须引入 r

Vue-CoreVideoPlayer 一款基于 vue.js 的轻量级、优秀的视频播放器组件

鱼而已

11-08

4671

大家好，我是前端实验室的大师兄! 今天大师兄给大家推荐一款非常优秀的视频播放组件效果欣赏介绍 Vue-CoreVideoPlayer 一款基于vue.js的轻量级的视频播放器插件。采用Adobd XD进行UI设计，支持移动端适配,不仅功能强大，颜值也是超一流！ Vue-CoreVideoPlayer的说明文档和sample都很完善，上手十分容易。该组件也保持了和原生HTML Video属性配置的对接，可定制性很高。播放器的UI设计基于Adobe XD，官方也提供了基于Adobe XD的U

vue大数据可视化（大屏展示）解决方案

01-08

一个基于 vue、datav、Echart 框架的大数据可视化（大屏展示）模板，最近更新了详细的介绍说明，实现大数据可视化。通过 vue 组件实现数据动态刷新渲染，内部图表可自由替换。部分图表使用 DataV 自带组件，可自由...

vue项目实现国际化方案

热门推荐

yuenandehutu的博客

12-03

2万+

报道指挥实现国际化方案目标：实现报道指挥多语言切换功能（直接通过网页链接获取参数切换中英文）。采用方式：使用国际化插件vue-i18n，同时需要手动编写语言（即：将项目中所有文字全部提出，增加其文字版本）。 1. 安装依赖 npm install vue-i18n 2. 定义模板并编写语言包在项目中创建目录：i18n 其目录存在于 src 目录下，与module目录并级。 langs：目录存放语言文件。index.js 配置引用语言的关键字。 cht.js 繁体语言包。 zh.js 中文语言包。

vue3项目中使用i18n国际化

weixin_45044818的博客

03-28

2810

1. 下载插件通过传统的npm i去下载 npm i vue-i18n 2. 创建国际化文件 1. 在src目录同级下，创建一个lang文件夹，之后lang文件夹下创建i18n.js文件(名字可根据自己的需求去取), i18n的文件内容如下 import { createI18n } from 'vue-i18n'; // 引入vue-i18n组件 import ch from './zh-cn/zh-cn'; import en from './en/en'; const i18n = create

vue初始化后没有build目录_解决vue项目 build之后资源文件找不到的问题

weixin_39615991的博客

12-23

9452

解决静态资源失效的问题这就需要修改我们的 config 中的 index.js了，默认的build 中的部分是这样的：build: {// Template for index.htmlindex: path.resolve(__dirname, '../dist/index.html'),// PathsassetsRoot: path.resolve(__dirname, '../dist')...

10 使用Vue+axios+Vuex实现登录后前端数据本地化存储实战

xingyu_qie的专栏

04-03

7787

本文重点讲述Vuex的实战使用

vue-core-video-player-Vue.js的轻量级视频播放器-Vue.js开发

05-27

vue-core-video-player Vue.js的轻量级视频播放器。开始使用Npm $ npm安装vue-core-video-player --save Yarn $ yarn添加vue-core-video vue-core-video-player适用于Vue.js的轻量级视频播放器。开始使用Npm $ npm安装vue-core-video-player --save Yarn $ yarn添加vue-core-video-player --save

vue-video-player视频播放器使用配置详解

01-18

本文实例为大家分享了vue-video-player视频播放器的使用配置，供大家参考，具体内容如下 1、安装 npm install vue-video-player -save 2、在main.js中添加 import VueVideoPlayer from 'vue-video-player' // 视频播放器 import 'video.js/dist/video-js.css' Vue.use(VueVideoPlayer) 3、新建一个vueVideoPlayer.vue组件供调用 <video-pl

前端 Vue实现国际化（可自动获取用户语言并切换

LisaWwwang的博客

03-27

6441

前言由于最近项目做到了需求前端判别用户使用的不同语言并且进行自动切换语言，并且在切换语言之后用户也能够自主选择去切换不同语言，所以想着记录一下。一、环境准备我们需要准备开发环境，我这里使用vue-cli官方脚手架搭建了一个vue的开发环境。二、安装 vue-i18n 我这里使用npm安装依赖 $ npm install vue-i18n 三、引入 vue-i18n 这里我是在main.j...

Vue视频流播放器 Vue-Core-Video-Player

qq_41540361的博客

12-16

6679

一款基于 vue.js 的轻量级的视频播放器插件插件

vue插件集合21：vue i18n做国际化切换中英文

jdBug

01-12

490

1：安装需要的插件 npm install vue-i18n npm install js-cookie 2：创建多语言的文件夹和js文件我是在src下创建了lang级目录，然后新建了zh.js，en.js，lang.js 三个js文件 lang.js文件内容 export default { setLang(lang) { window.localStorage.setItem('language', lang) }, getLang(defaultLang) { let localLa

Vue实现国际化（中英切换）

q879936814的博客

11-12

573

实现这个需求要使用到Vue-i18n。 npm install vue-i18n 然后挂载到main.js中，并配置。 import VueI18n from 'vue-i18n' Vue.use(VueI18n) // 通过插件的形式挂载 const i18n = new VueI18n({ locale: 'zh-CN', // 语言标识 //this.$i18n.locale // 通过切换locale的值来实现语言切换 messages: { 'zh-CN': req

gitblog_00050的博客

04-18

1169