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設(shè)置代理
安卓手機在已連接wifi長按---修改網(wǎng)絡(luò)（其他手機自查）--顯示高級選項--代理--手動：
服務(wù)器主機名：填上你本地的ip：如192.168.100.1
服務(wù)器端口：跟charles設(shè)置的Port一致（8089）
然后保存，這時charles會彈窗詢問，點allow即可
c.vue項目要運行在80端口，修改方法參照1方法，但改的是port字段，改為80
d.改hosts文件。win系統(tǒng)在C:\Windows\System32\drivers\etc\hosts
127.0.0.1 www.baidu.com（域名自己決定）
e.使用http協(xié)議，訪問http://www.baidu.com，就可以訪問你本地vue運行的代碼了
f.查看是否抓包成功，看network的app.js是否攜帶hash值，如果沒有就是映射成功了
ps：hosts文件可能會有緩存
以上這篇vue中移動端調(diào)取本地的復制的文本方式就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本篇文章給大家分享了關(guān)于vue的diff算法的相關(guān)知識點總結(jié)，有興趣的朋友參考學習下。2018-03-03
這篇文章主要介紹了如何在 vue3 中使用高德地圖,本文通過實例代碼給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-08-08
在本文中我們給大家整理了關(guān)于Vue項目服務(wù)器部署之子目錄部署方法和具體步驟，需要的朋友們參考下。2019-05-05
使用element ui中el-table-column進行自定義校驗
這篇文章主要介紹了使用element ui中el-table-column進行自定義校驗方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
這篇文章主要介紹了如何在?vue?中使用?svg?symbols，本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-08-08
Vue3+Vite+TS使用elementPlus時踩的坑及解決
這篇文章主要介紹了Vue3+Vite+TS使用elementPlus時踩的坑及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
我們在開發(fā)的時候會經(jīng)常用的導出excel表格功能,剛好自己開發(fā)有遇到,就記錄一下,下面這篇文章主要給大家介紹了關(guān)于Vue前端表格導出Excel文件的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-04-04
Element-ui DatePicker顯示周數(shù)的方法示例
這篇文章主要介紹了Element-ui DatePicker顯示周數(shù)的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-07-07
vue3+Typescript實現(xiàn)路由標簽頁和面包屑功能
在使用 Vue.js 開發(fā)后臺管理系統(tǒng)時，經(jīng)常會遇到需要使用路由標簽頁的場景，這篇文章主要介紹了vue3+Typescript實現(xiàn)路由標簽頁和面包屑,需要的朋友可以參考下2023-05-05
這篇文章主要介紹了vue實現(xiàn)圖書管理，分享了圖書管理demo用的知識點，以及遇到問題的總結(jié)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10