文章/答案/技术大牛

发布

社区首页 >问答首页 >浏览器将属性translate="yes“更改为translate="translate”

问浏览器将属性translate="yes“更改为translate="translate”
EN

Stack Overflow用户

提问于 2021-07-13 10:44:57

回答 1查看 58关注 0票数 0

我们正在使用一个翻译库，它将这两个东西添加到我的页面中。

<html lang="en" class="notranslate translated-ltr">
<meta name="google" content="notranslate">

正因为如此，内置的浏览器翻译无法正常工作。对于特定的div，我们也希望使用浏览器翻译。当我通过inspect元素添加这行代码时

<div translate="yes">Some non-english Content</div>

它解决了这个问题。但是在我的Vue 2应用程序中添加相同的内容，会将添加的属性值更改为

<div translate="translate">Some non-english Content</div>

正因为如此，它再一次不起作用。在这种情况下，有人能帮我吗？

编辑:我们在Vue 2.5.17 :(

javascript

html

vue.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-07-17 06:11:01

将Vue从2.5.17升级到2.6.14解决了此问题。但这破坏了应用程序的多种功能。

或者，DOM操作在没有升级的情况下解决了问题。

allowTranslation(){
            const messageContainer = document.querySelectorAll('.allowTranslate');
            messageContainer.forEach(box => {
                let allAttributes = [...box.attributes];
                if(!allAttributes.includes('translate')){
                    box.setAttribute('translate', 'yes')
                }
            })
        }

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/68355878

复制

相似问题

问浏览器将属性translate="yes“更改为translate="translate”
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问浏览器将属性translate="yes“更改为translate="translate”EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问浏览器将属性translate="yes“更改为translate="translate”
EN