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中移动端调取本地的复制的文本方式就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本篇文章给大家分享了关于vue的diff算法的相关知识点总结，有兴趣的朋友参考学习下。2018-03-03
这篇文章主要介绍了如何在 vue3 中使用高德地图,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧2024-08-08
在本文中我们给大家整理了关于Vue项目服务器部署之子目录部署方法和具体步骤，需要的朋友们参考下。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
我们在开发的时候会经常用的导出excel表格功能,刚好自己开发有遇到,就记录一下,下面这篇文章主要给大家介绍了关于Vue前端表格导出Excel文件的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-04-04
Element-ui DatePicker显示周数的方法示例
这篇文章主要介绍了Element-ui DatePicker显示周数的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-07-07
在使用 Vue.js 开发后台管理系统时，经常会遇到需要使用路由标签页的场景，这篇文章主要介绍了vue3+Typescript实现路由标签页和面包屑,需要的朋友可以参考下2023-05-05
这篇文章主要介绍了vue实现图书管理，分享了图书管理demo用的知识点，以及遇到问题的总结，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
最新评论