1. 程式人生 > 程式設計 >vue中移動端調取本地的複製的文字方式

vue中移動端調取本地的複製的文字方式

我就廢話不多說了,大家還是直接看程式碼吧~

 _this.$vux.confirm.show({
     title: '複製分享連結',content: ‘分享的內容',onConfirm() {
      // _this.$vux.toast.text('複製成功')
      let url = ‘分享的內容';
      let oInput = document.createElement('input');
      oInput.value = url;
      document.body.appendChild(oInput);
      oInput.select(); // 選擇物件;
      document.execCommand("Copy")
      document.body.removeChild(oInput);
      document.activeElement.blur();//遮蔽預設鍵盤彈出;
      if (oInput.value) {
       _this.$vux.toast.text('複製成功,去分享吧')
      }else {
       _this.$vux.toast.text('複製失敗')
      }
     },onCancel() {
      _this.$vux.toast.text('複製失敗')
     }
    })

補充知識:vue移動端-本地除錯的兩個方法

1.通過區域網ip訪問——更改專案的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.區域網charles+host對映(也可解決跨域)

a. charles選單proxy->Proxy Settings:

【HTTP Proxy】 Port寫上8089(隨意)

勾選 Enable transparent HTTP proxying

b.手機wifi設定代理

安卓手機在已連線wifi長按---修改網路(其他手機自查)--顯示高階選項--代理--手動:

伺服器主機名:填上你本地的ip:如192.168.100.1

伺服器埠:跟charles設定的Port一致(8089)

然後儲存,這時charles會彈窗詢問,點allow即可

c.vue專案要執行在80埠,修改方法參照1方法,但改的是port欄位,改為80

d.改hosts檔案。win系統在C:\Windows\System32\drivers\etc\hosts

127.0.0.1 www.baidu.com(域名自己決定)

e.使用http協議,訪問http://www.baidu.com,就可以訪問你本地vue執行的程式碼了

f.檢視是否抓包成功,看network的app.js是否攜帶hash值,如果沒有就是對映成功了

ps:hosts檔案可能會有快取

以上這篇vue中移動端調取本地的複製的文字方式就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。