一、准备工作
百度翻译开放平台账号注册
注册个人开发者。
具体可看文档说明->http://api.fanyi.baidu.com/doc/12
二、vue中集成
import md5 from 'js-md5';
import { jsonp } from 'vue-jsonp'
export function translate(code) {
let params ={
q: code,
from:'auto',
to:'auto',
appid:'自己的appid',
salt: Math.round(Math.random()*10000000000),
key: '秘钥'
}
let sign = md5(params.appid+params.q+params.salt+params.key);
return jsonp(`http://api.fanyi.baidu.com/api/trans/vip/translate?q=${params.q}&from=${params.from}&to=${params.to}&appid=${params.appid}&salt=${params.salt}&sign=${sign}`)
}
注：这里没有使用axios，是因为会有跨域！
三、效果
单击复制的代码：
/**
* 复制
*/
const copyText = (text) => {
const input = document.createElement("input"); // js创建一个input输入框
input.value = text; // 将需要复制的文本赋值到创建的input输入框中
document.body.appendChild(input); // 将输入框暂时创建到实例里面
input.select(); // 选中输入框中的内容
document.execCommand("Copy"); // 执行复制操作
document.body.removeChild(input); // 最后删除实例中临时创建的input输入框，完成复制操作
ElMessage({
message: "复制成功",
type: "success",
});
};
