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 .baidu.(域名自己决定)
e.使用http协议,访问http://.baidu.,就可以访问你本地vue运行的代码了
f.查看是否抓包成功,看work的app.js是否携带hash值,如果没有就是映射成功了
pshosts文件可能会有缓存
以上这篇vue中移动端调取本地的复制的文本方式就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南