首页 > 其他分享 >vue项目切换语言方法

vue项目切换语言方法

时间:2023-08-31 09:33:05浏览次数:47  
标签:head vue 网页 语言 script 语种 切换 translate

  1. 随便打开一个网页
  2. 右键 - 审查元素
  3. 粘贴入以下代码:
    var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.type= 'text/javascript'; script.src= 'https://res.zvo.cn/translate/inspector_v2.js'; head.appendChild(script);

     

  4. Enter 回车键 , 执行
  5. 在当前网页的左上角,就出现了一个大大的切换语言,切换试试看。

快速使用

在网页最末尾, </html> 之前,加入以下代码,一般在页面的最底部就出现了选择语言的 select 切换标签。 其实就这么简单:

<script src="https://res.zvo.cn/translate/translate.js"></script>
<script>
translate.language.setLocal('chinese_simplified'); //设置本地语种(当前网页的语种)。如果不设置,默认自动识别当前网页显示文字的语种。 可填写如 'english'、'chinese_simplified' 等,具体参见文档下方关于此的说明。
translate.execute();//进行翻译 
</script>

 

标签:head,vue,网页,语言,script,语种,切换,translate
From: https://www.cnblogs.com/qiangyanhuanxiao/p/17668757.html

相关文章

  • C语言 字符串分割
    一、简述    记--字符串分割,strtok()函数的使用例子、自己简单实现split()函数。 二、例子代码 #include<stdio.h>#include<string.h> /* *函数:split *描述:按指定分隔符分割字符串 *参数: *str:要分割的字符串 *strLen:要分割的字符串的长......
  • node18 vue2启动报错 error:0308010C:digital envelope routines::unsupported
    出现原因貌似是因为是因为node17版本开始发布的OpenSSL3.0,而OpenSSL3.0对允许算法和密钥大小增加了严格的限制,可能会对生态系统造成一些影响。解决方法第一种方法降低node版本降低到17以下即可,如项目不能降低版本看后面的解决方式第二种方法设置NODE_OPTIONS环境变量......
  • vue菜单组件中图标跟随菜单高亮变化颜色
    问题在vue左侧菜单中,使用设计师的svg图标有时候不能跟随菜单高亮而改变颜色未高亮时显示灰色菜单高亮时图标显示白色原因svg中图标的颜色设计师给了固定的颜色,所以不会接收父元素给定的颜色解决给svg图标的颜色属性为currentColor......
  • R语言GARCH族模型:正态分布、t、GED分布EGARCH、TGARCH的VaR分析股票指数|附代码数据
    全文链接:http://tecdat.cn/?p=31023最近我们被客户要求撰写关于GARCH族模型的研究报告,包括一些图形和统计输出。如何构建合适的模型以恰当的方法对风险进行测量是当前金融研究领域的一个热门话题 ( 点击文末“阅读原文”获取完整代码数据******** )。VaR方法作为当前业内比较......
  • 编程语言的分类
    最早的时候,0和1就是编程语言.......机器语言优点:执行代码效率非常快缺点:开发效率低汇编语言然后通过写英文字符的形式代替了写0和1,但是他还是直接和硬件交互(了解)优点(相对于机器语言):开发效率高缺点(相对于机器语言):执行效率低高级语言printf("helloworld")翻译001010011010......
  • iview Cascader loadData Vue
    <template><div><Carddis-hover><divclass="page-body"><Formref="queryForm":label-width="90"label-position="left"inline>......
  • 从入门到掌握 - 系统学习shell语言
    简介什么是shellShell是一种程序或命令行解释程序,用于解释用户直接输入的用户命令或从文件中读取的用户命令,然后将它们传递给操作系统以进行操作或处理。要注意,这个过程是解释而不编译脚本,因为计算机系统会解释它们,并且无需按执行顺序编译Shell脚本。KenThompson的sh是......
  • 一台云服务器一个域名下,如何运行多个JAVA后端项目和多个VUE前端项目
    拿若依前后端分离版项目举例:修改前端代码ruoyi-ui/vue.config.js//二级目录名称ruoyi-uipublicPath:'/ruoyi-ui/',ruoyi-ui/src/router/index.jsexportdefaultnewRouter({mode:'history',//去掉url中的#base:'/ruoyi-ui/',//二级目录路径scrol......
  • 1-8汇编语言程序上机调试
    COM_8255EQU0273H ;8255控制口PA_8255EQU0270HPB_8255EQU0271HPC_8255EQU0272H_STACKSEGMENTSTACKDW100DUP(?)_STACKENDSDATASEGMENTWORDPUBLIC'DATA'DATAENDSCODESEGMENTSTARTPROCNEARASSUMECS:CODE,DS:DATA,SS:_STACK......
  • Vue3 响应式工具函数
    isRef()​检查某个值是否为ref。unref()​如果参数是ref,则返回内部值,否则返回参数本身。这是 val=isRef(val)?val.value:val 计算的一个语法糖toRef()​可以将值、refs或getters规范化为refs(3.3+)。也可以基于响应式对象上的一个属性,创建一个对应的ref。这......