vue中移動端調(diào)取本地的復(fù)制的文本方式
我就廢話不多說了,大家還是直接看代碼吧~
_this.$vux.confirm.show({ title: ’復(fù)制分享鏈接’, content: ‘分享的內(nèi)容’, onConfirm() { // _this.$vux.toast.text(’復(fù)制成功’) let url = ‘分享的內(nèi)容’; let oInput = document.createElement(’input’); oInput.value = url; document.body.appendChild(oInput); oInput.select(); // 選擇對象; document.execCommand('Copy') document.body.removeChild(oInput); document.activeElement.blur();//屏蔽默認(rèn)鍵盤彈出; if (oInput.value) { _this.$vux.toast.text(’復(fù)制成功,去分享吧’) }else { _this.$vux.toast.text(’復(fù)制失敗’) } }, onCancel() { _this.$vux.toast.text(’復(fù)制失敗’) } })
補(bǔ)充知識:vue移動端-本地調(diào)試的兩個(gè)方法
1.通過局域網(wǎng)ip訪問——更改項(xiàng)目的host配置
1) vue-cli2: config/index.js
dev.host改為'0.0.0.0',重啟之后就可以通過本地ip或者localhost訪問
2)vue-cli3:vue.config.js
devServer.host 改為'0.0.0.0',重啟之后就可以通過本地ip或者localhost訪問
3) script的dev后面加 --host 0.0.0.0
2.局域網(wǎng)charles+host映射(也可解決跨域)
a. charles菜單proxy->Proxy Settings:
【HTTP Proxy】 Port寫上8089(隨意)
勾選 Enable transparent HTTP proxying
b.手機(jī)wifi設(shè)置代理
安卓手機(jī)在已連接wifi長按---修改網(wǎng)絡(luò)(其他手機(jī)自查)--顯示高級選項(xiàng)--代理--手動:
服務(wù)器主機(jī)名:填上你本地的ip:如192.168.100.1
服務(wù)器端口:跟charles設(shè)置的Port一致(8089)
然后保存,這時(shí)charles會彈窗詢問,點(diǎn)allow即可
c.vue項(xiàng)目要運(yùn)行在80端口,修改方法參照1方法,但改的是port字段,改為80
d.改hosts文件。win系統(tǒng)在C:WindowsSystem32driversetchosts
127.0.0.1 www.baidu.com(域名自己決定)
e.使用http協(xié)議,訪問http://www.baidu.com,就可以訪問你本地vue運(yùn)行的代碼了
f.查看是否抓包成功,看network的app.js是否攜帶hash值,如果沒有就是映射成功了
ps:hosts文件可能會有緩存
以上這篇vue中移動端調(diào)取本地的復(fù)制的文本方式就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. xml中的空格之完全解說2. 匹配模式 - XSL教程 - 43. XML入門的常見問題(四)4. CSS3中Transition屬性詳解以及示例分享5. msxml3.dll 錯誤 800c0019 系統(tǒng)錯誤:-2146697191解決方法6. ASP中if語句、select 、while循環(huán)的使用方法7. ASP中解決“對象關(guān)閉時(shí),不允許操作。”的詭異問題……8. WMLScript的語法基礎(chǔ)9. html小技巧之td,div標(biāo)簽里內(nèi)容不換行10. 解決ASP中http狀態(tài)跳轉(zhuǎn)返回錯誤頁的問題
