时间:2021-05-26
我就废话不多说了,大家还是直接看代码吧~
_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 ,就可以访问你本地vue运行的代码了
f.查看是否抓包成功,看network的app.js是否携带hash值,如果没有就是映射成功了
ps:hosts文件可能会有缓存
以上这篇vue中移动端调取本地的复制的文本方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
移动互联网环境,人们的上网习惯,消费习惯,娱乐习惯等等生活方式都发生了太多的变化,今年双11天猫总成交额912.17亿元,其中移动端成交占比68.67%,由此可
vue移动端实现div拖拽移动,供大家参考,具体内容如下本文讲述,在使用VUE的移动端实现类似于iPhone的悬浮窗的效果。相关知识点touchstart当在屏
到了4G时代,受到微信的冲击,移动的利润有所下滑,但是仍然没有低于日进3亿的数字,因此,移动敢于在资费上下调。中移动董事长奚国华,中移动广东公司总经理钟天华
无论是Word2003、Word2007还是最新的版本的Word2010,通过拖动的方式移动或复制文本的功能始终被保留下来。在Word2010中复制文本的步骤如
众所周知,vue可以用来开发移动端app,可以使用hbuilder将build好的vue打包成一个移动端app,但是用过之后就会发现,使用cookies或者se