专业网站建设品牌,十四年专业建站经验,服务6000+客户--广州京杭网络
免费热线:400-683-0016      微信咨询  |  联系我们

英译汉,汉译英

当前位置:网站建设 > 技术支持
资料来源:网络整理       时间:2023/2/14 1:03:49       共计:3638 浏览

<template>

 <div>

   <p>自动检测中英文</p>

   <p>{{msg}}</p>

   <p>

       <textarea v-model="texts"></textarea>

   </p>

   <p>

       <textarea v-model="textsed"></textarea>

   </p>

   <p>

       <input type="button" v-on:click="getProduct" value="翻译" >

   </p>

 </div>

</template>


<script>

import axios from 'axios'// 引入axios

import App from '../App.vue'

export default {

 components: { App },

 data: function () {

   return {

     msg: '',

     texts: '',

     textsed: ''

   }

 },

 methods: {

   getProduct () {

     let _this = this

     axios.get('http://api.microsofttranslator.com/V2/Ajax.svc/TranslateArray?oncomplete=jQuery19102471454823155229_1648110034885&from=zh-CHS&to=en&appId=TK3TNgyW9E_DF5vzwUyDFejFfyRxYW-UpjpC842fei9k*&texts=["' + _this.texts + '"]&_=1648110034936').then(

       function (data) {

         console.log('*************成功getMessage*************')

         console.log(data)

         _this.msg = data.data

         var obj = data.data

         var _str = obj.substring(0, obj.length - 1).replace('jQuery19102471454823155229_1648110034885', '').replace('([{', '').replace('}])', '')

         console.log(_str)

         // eslint-disable-next-line camelcase

         var _str_1 = _str.split(',')

         // eslint-disable-next-line camelcase

         var _str_2 = _str_1[2]

         // eslint-disable-next-line camelcase

         var _str_3 = _str_2.split(':')

         console.log(_str_3[1])

         // eslint-disable-next-line no-useless-escape

         _this.textsed = _str_3[1].replace(/\"/g, '')

       },

       function (data) {

         console.log(data)

       }

     )

   }

 },

 // vue生命周期函数

 mounted () {

   // this.getProduct()

 }

}

</script>

<style lang="sss">

</style>


版权说明:
本网站凡注明“广州京杭 原创”的皆为本站原创文章,如需转载请注明出处!
本网转载皆注明出处,遵循行业规范,如发现作品内容版权或其它问题的,请与我们联系处理!
欢迎扫描右侧微信二维码与我们联系。
·上一条:小学奥数题100题(附答案) | ·下一条:.Net Core 自动扫描注入之Scrutor批量依赖注入

Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有