欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

vuecli3調(diào)用百度翻譯API翻譯頁面的實(shí)現(xiàn)示例

首先說下,本人為在校大三狗一只,缺少實(shí)戰(zhàn)開發(fā)經(jīng)驗(yàn),然后用語什么的也不標(biāo)準(zhǔn),就按我自己的想法寫的,有什么不對的地方歡迎指導(dǎo)指導(dǎo)哈

10年的天寧網(wǎng)站建設(shè)經(jīng)驗(yàn),針對設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應(yīng)快,48小時(shí)及時(shí)工作處理。全網(wǎng)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動(dòng)調(diào)整天寧建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì),從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)公司從事“天寧網(wǎng)站設(shè)計(jì)”,“天寧網(wǎng)站推廣”以來,每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

然后直接開始吧

在需要翻譯的地方做上標(biāo)記,這里用的是添加名為"text-dom"的class的方法。比如:

<div class="text-dom">原文:</div>

定義儲存數(shù)據(jù)的data

data() {
  return {
   before: {
    q: "", //輸入的原文
    to: "" //選擇目標(biāo)語言
   }, //保存初始數(shù)據(jù)
   appid: "2019*********2613", //百度翻譯開放平臺的個(gè)人AppId
   salt: "14*******88", //隨機(jī)數(shù)
   q: "", //請求翻譯文本
   from: "aotu", //源語言
   to: "en", //目標(biāo)語言
   sign: "", //簽名
   userkey: "y0Ly*********gJSAs", //百度翻譯開放平臺的個(gè)人密匙
   fyjg: "" //翻譯結(jié)果
  };
 },

頁面渲染完成時(shí),獲取頁面上的待翻譯原文內(nèi)容

mounted() {
  /* 獲取頁面所有原文本存放到數(shù)組 */
  var textDomArr = new Array();
  $(".text-dom").each(function() {
   textDomArr.push($(this).text());
  });
  /* 拼接所有原文本,并用@符號分隔*/
  var textAllBefore = textDomArr.join("@");
  /* 清除原文本其他符號 */
  var textAll = textAllBefore.replace(/[::\|\\\*^%$#\-]/g, "");
  /* 儲存原文本到data中 */
  this.before.q = textAll;
 },

創(chuàng)建一個(gè)翻譯函數(shù)

methods: {
  fanyi() {
   /* 待翻譯文本 傳入url */
   this.q = this.before.q;
   /* 從頁面獲取選擇的目標(biāo)語言 傳入url */
   this.to = this.before.to;
   /* md5加密,生成簽名 */
   this.sign = md5(this.appid + this.q + this.salt + this.userkey);
   /* 對待翻譯字符做url編碼 */
   this.q = encodeURIComponent(this.before.q);
   /* 請求翻譯 */
   this.axios
    .get(
     "/sell/api/trans/vip/translate" +
      "?q=" +
      this.q +
      "&from=" +
      this.from +
      "&to=" +
      this.to +
      "&appid=" +
      this.appid +
      "&salt=" +
      this.salt +
      "&sign=" +
      this.sign
    )
    /* 得到返回?cái)?shù)據(jù) */
    .then(res => {
     this.fyjg = res.data.trans_result[0].dst; //得到翻譯結(jié)果

     /* 把翻譯結(jié)果分割成數(shù)組 */
     var yiwenArr = new Array();
     yiwenArr = this.fyjg.split("@");
     //console.log(yiwenArr);

     /* 用譯文替換頁面原文 */
     var n = 0;
     $(".text-dom").each(function() {
      $(this).text(yiwenArr[n]);
      n++;
     });
    });
  }
 }

html部分可以用select切換翻譯的目標(biāo)語言

<select v-model="before.to" @change="fanyi()">
    <option value="zh">簡體中文</option>
    <option value="cht">繁體中文</option>
    <option value="yue">粵語</option>
    <option value="en">英語</option>
    <option value="kor">韓語</option>
    <option value="jp">日語</option>
    <option value="fra">法語</option>
   </select>

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。

網(wǎng)站標(biāo)題:vuecli3調(diào)用百度翻譯API翻譯頁面的實(shí)現(xiàn)示例
轉(zhuǎn)載源于:http://aaarwkj.com/article16/gdeedg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶體驗(yàn)網(wǎng)站設(shè)計(jì)公司、企業(yè)建站、搜索引擎優(yōu)化、網(wǎng)站制作ChatGPT

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

綿陽服務(wù)器托管
中文字幕韩国三级电影| 午夜精品视频免费91| 五月婷婷亚洲激情综合网| 在线中文字幕av电影| 亚洲精品你懂的av在线| 97门久欧美日韩久久| 日本啪啪啪一区二区三区| 中文字幕乱码在线观看一区| 美女高潮呻吟免费观看久久久| 欧美日韩国产激情另类| 青草成人在线视频观看| 麻豆一精品传二传媒短视频| 亚洲国产偷拍在线观看| 韩国三级在线视频网站| jvid视频在线观看免费| 福利av一区二区三区| 日本成人大片在线观看| 国产免费av一区二区在线观看| 一区二区在线日韩欧美| 中文字幕有码av海量| 欧美黄片在线播放视频| 日韩欧美亚洲另类激情一区| 欧美a级黄片免费在线观看 | 国产又粗又长又爽网站| 成人国产在线欧美精品| 一区二区欧美日韩91| 视频一区二区三区不卡| 高清日本一区二区三区不卡片 | 欧美日韩精品福利一区二区| 日本精品1区国产精品| 一区中文字幕人妻少妇| 黄色av福利在线网站| 亚洲欧美日韩之国产综合| 国产亚洲中文字幕91| 精品偷拍污视频一区二区| 国产91人妻精品一区二区三区| 亚洲黄色片成年人免费观看| 国产三级在线dvd观看| 日本高清一区二区高清| 夜夜草av一区二区三区| 最新欧美精品一区二区|