使用谷歌浏览器翻译之后，vue数据修改，页面显示不变

最新推荐文章于 2022-03-28 09:55:34 发布
最新推荐文章于 2022-03-28 09:55:34 发布
阅读量2.1k 收藏
点赞数
分类专栏： js vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/y1s2y3/article/details/101052704
版权
js 同时被 2 个专栏收录
16 篇文章 0 订阅
订阅专栏
vue
3 篇文章 0 订阅
订阅专栏

在使用谷歌作为开发项目浏览的浏览器，在使用了谷歌翻译之后，vue数据改变后，页面不重新渲染。

问题猜测：1. 由于使用谷歌翻译只有，页面的dom发生改变，导致vue找不到对应的dmo

                   2. 翻译之后，dmo已经发生改变，别默认为页面已发生改变，所以不重新渲染

 

解决方法:1. 设置  <html  lang="zh">  避免被默认翻译，如果手动使用翻译的，解决方法，没找到。该方法只能解决默认翻译的问题

                2. 各位大佬，有没得解决方法

 

 
y1s2y3
关注
专栏目录
js重新渲染div_Vue渲染方式
weixin_39827589的博客
11-20 976
Vue中的渲染方式总结可分四种:原有模板语法，挂载渲染使用render属性，createElement函数直接渲染使用render属性，配合组件的template属性，createElement函数渲染使用render属性，配合单文件组件，createElement函数渲染方式一原有模板语法，挂载渲染：就是对使用Vue标签语法的hmtl进行渲染。实例代码如下：<!DOCTYPE html&g...
v-google-translate:谷歌翻译 Vue@2.x
07-24
v-google-translate 谷歌翻译 Vue2.x。 英文 | 目录 问题 这个包深受启发。 这个包可以通过使用谷歌翻译来本地化使用 vue 制作的网络应用程序。 随着您的网站和应用程序的发展，您可能会发现需要扩展到您所在国家/地区以外的其他市场。 如果您的目标市场隔海相望并使用不同的语言，您可能别无选择，只能进行本地化。 有关什么是本地化及其潜在好处的更多详细信息，请查看。 演示 要查看正在运行的包，请在此处查看。 安装 在 Vue 组件中使用 yarn add v-google-translate npm i v-google-translate 在 html 中使用 < script src =" xxx " > </ script > 用法 在 Vue 组件中使用 // main.js import vGoogleTranslate from 'v-g
谷歌翻译影响vue_[Vue源码分析]谷歌翻译后，Vue双向数据绑定失效了？
weixin_42367221的博客
01-17 582
前言：最近运营反馈了一个问题：谷歌浏览器打开第三方储值平台，使用谷歌浏览器自带的翻译功能后，选择商品没有计算总额。首先可以肯定的是这不是bug，这个平台已经兼容了13种语言，只是运营没有通过语言栏切换语言，而是通过谷歌翻译。当初想到的方法禁止谷歌浏览器翻译当前页面，如下：(已采用)但站在技术的角度来说，看看为什么还是有必要的，储值平台基于Vue，计算总额应用了双向数据绑定；为什么谷歌翻译后，Vue...
vue对接谷歌翻译
bright的博客
10-10 3567
1.安装依赖 npm install --save google-translate-open-api 2.使用 import translate from 'google-translate-open-api'; const result = await translate(`I'm fine.`, { tld: "cn", to: "zh-CN", }); const data = result.data[0]; git地址： https://gitee.com/jsqiufeng/goog
PHP调用google translate中解决中文返回乱码
MarkBoo的专栏
08-12 2497
在网上找了段代码获取google翻译结果，bu
记录一个很狗的问题，浏览器自动翻译导致vue项目页面数据等出错
csl125的博客
05-31 1504
在开发vue项目中发现，上线项目莫名其妙页面功能不能使用，但是本地都是ok的，然后排查发现是由于谷歌浏览器自动翻译，导致把项目原有的标签dom替换了，会包裹font标签等，
谷歌Chrome浏览器自动翻译导致前端页面数据错乱问题
前端打工人的博客
11-18 4135
如果使用谷歌翻译的话，有时候会出现文字错误，数据不对的现象，有经验的话很快能排查出什么原因导致，否则的话就很迷茫。我们项目中出现过这样的问题，中文菜单文字，还有表格，有部分被翻译成别的文字了，就是使用了翻译导致。那么如何解决这个问题呢 解决方案： 一、手动禁用翻译 ① Chrome全局关闭询问翻译选项 ② 针对单独网站禁用翻译 二、代码禁用翻译 <html translate="no"> 全局属性 translate被用来规定对应元素的属性值及其子文本节点内容，是否跟随系统语言作出对应的翻
vue项目在谷歌浏览器中莫名被更改了内容和出现font标签
iSmilee的博客
06-07 522
先说明原因：被浏览器翻译了。 事情的经过是这样的：测试的同事突然发现原本内容为“项目进度”的
谷歌翻译影响vue_杂七杂八的开发想法——前端项目痛点之项目结构(vue为例)
weixin_39832875的博客
12-22 147
>下面主要写了最近开发过程中遇到的一些问题,相信不止是我遇到,很多小伙伴们都会遇到类似的情形,后面就是描述这些问题我是如何处理的。*相关内容>杂七杂八的开发想法——前端-项目痛点之枚举的使用>杂七杂八的开发想法——前端-项目痛点之数据模型>杂七杂八的开发想法——前端-项目痛点之模块解耦>杂七杂八的开发想法——前端-项目痛点之模块解耦、组件封装##...
vue和google翻译助手的冲突问题
xichengxml的博客
06-18 2248
今天使用自己写的后台时，不小心点了翻译成中文，发现页码的数字5变成了汉字"五"，且翻页功能失效，一阵惊慌。 于是google了一会，发现已经有人提了issue，但vue开发人员回复暂时不打算修复这个问题。具体issue如下： https://github.com/vuejs/vue/issues/9160 下面大致说明一下原因：google翻译助手在翻译页面时修改了页面dom，而数据驱动的框架无法...
vue-google-translate:Google翻译API的vue.js包装器。 该软件包简化了vue Web应用程序的本地化
05-12
vue-google-translate 一个vue.js软件包，允许对Web应用程序进行本地化。 目录 问题 该软件包在很大程度上受到了启发。 该软件包可通过使用Google翻译对vue制作的Web应用程序进行本地化。 随着网站和应用程序的发展，您可能需要扩展到母国以外的其他市场。 如果您的目标市场隔海相望，并且会说不同的语言，那么您可能别无选择，只能进行本地化。 但是，如果这些人会说您的语言，请考虑其他方面（文化和/或法律），以就是否翻译做出明智的决定。 有关什么是本地化及其潜在好处的更多详细信息，请查阅。 演示版 要查看实际使用的软件包，请在 安装 yarn add vue-google-translate npm i vue-google-translate 用法 //index.html < head > < script type =" text/javascrip
VUE实现在线翻译11111
08-03
用VUE-cli 2.0实现简单的在线翻译 主要就是熟悉VUE框架的使用
vue实现在线翻译功能
12-30
本文实例为大家分享了vue实现在线翻译功能的具体代码，供大家参考，具体内容如下 最终效果： APP.vue 在线翻译 简单/易用/方便 <!-- 表单组件 --> <!-- 显示组件 --> <scri
vue-video-player 实现断点续播，currentTime不生效问题。
qq_41117240的博客
03-28 3589
vue-video-player 实现断点续播，video设置currentTime不生效问题，谷歌浏览器不生效。
Vue.js构建用户界面的渐进式框架(前端学习笔记1.0)
outsiderg的博客
04-20 4831
文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np import.
2021-6月面试总结-vue，uniapp，小程序，h5，更新中
m0_67266787的博客
02-24 777
**一、**vue 2.6.11 vue****页面的生命周期？ 总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。 创建前/后： 在beforeCreate阶段，vue实例的挂载元素el和数据对象data都为undefined，还未初始化。在∗∗created∗∗阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在**created**阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在∗∗cre
Vue-在线翻译工具
caott666的博客
08-13 1526
一、核心目录结构 涉及的内容 V型，V系列 组件通信：$放出，道具 翻译服务的API：第三方翻译服务商，申请可以免费的金钥https://translate.yandex.com/developers/keys App.vue &lt;template&gt; &lt;div id="app" &gt; &lt;h1&gt;在线翻译&lt;/h1&gt; &lt...
谷歌翻译影响vue_1kb 简单但强大的 Vue 翻译插件，支持服务端渲染
weixin_32445049的博客
01-30 272
vue-translatorA deadly simple i18n translate plugin for Vue, ready for Server Side Rendering.DemoUsageyarn add vue-translatorBasic Usageimport Vue from 'vue'import VueTranslator form 'vue-translator'V...
谷歌浏览器控制台vue组件不显示
最新发布
07-24
您好！对于谷歌浏览器控制台中的Vue组件不显示的问题，可以尝试以下几个步骤来解决： 1. 检查Vue开发环境是否正确配置：确保您已经正确安装了Vue以及相关的开发依赖，并且在项目中正确引入了Vue库。 2. 检查Vue组件是否被正确渲染：确保您的Vue组件在页面中被正确渲染。可以检查HTML模板中是否包含了Vue组件的标签，并且Vue实例已经正确绑定到该标签。 3. 检查控制台中是否有错误信息：在谷歌浏览器的控制台中查看是否有任何与Vue相关的错误信息。这些错误信息可能会提供有关为什么组件不显示的线索。 4. 检查浏览器缓存：有时候浏览器缓存可能导致页面没有正确地更新。您可以尝试清除浏览器缓存并重新加载页面，看看是否能够解决问题。 5. 检查Vue组件的数据和状态：确保您的Vue组件的数据和状态正确设置，并且能够正常被访问和显示。 如果以上步骤都没有解决问题，您可以提供更多关于您的代码和具体问题的信息，以便我能够更好地帮助您解决。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值