vue中移動端調(diào)取本地的復制的文本方式

更新時間：2020年07月18日 13:30:37 作者：Miss--Yang

這篇文章主要介紹了vue中移動端調(diào)取本地的復制的文本方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

我就廢話不多說了，大家還是直接看代碼吧~

 _this.$vux.confirm.show({
     title: '復制分享鏈接',
     content: ‘分享的內(nèi)容',
     onConfirm() {
      // _this.$vux.toast.text('復制成功')
      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();//屏蔽默認鍵盤彈出；
      if (oInput.value) {
       _this.$vux.toast.text('復制成功，去分享吧')
      }else {
       _this.$vux.toast.text('復制失敗')
      }
     },
     onCancel() {
      _this.$vux.toast.text('復制失敗')
     }
    })

補充知識：vue移動端-本地調(diào)試的兩個方法

1.通過局域網(wǎng)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.局域網(wǎng)charles+host映射（也可解決跨域）

a. charles菜單proxy->Proxy Settings:

【HTTP Proxy】 Port寫上8089（隨意）

勾選 Enable transparent HTTP proxying

b.手機wifi設置代理