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