vue中移动端调取本地的复制的文本方式


Posted in Javascript onJuly 18, 2020

我就废话不多说了,大家还是直接看代码吧~

_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中移动端调取本地的复制的文本方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
表单内同名元素的控制
Nov 22 Javascript
jQuery.extend 函数的详细用法
Jun 27 Javascript
关于jquery ajax 调用带参数的webservice返回XML数据一个小细节
Jul 31 Javascript
JS判断元素为数字的奇异写法分享
Aug 01 Javascript
js返回上一页并刷新代码整理
Dec 21 Javascript
jquery 实现input输入什么div图层显示什么
Jun 15 Javascript
用js代码和插件实现wordpress雪花飘落效果的四种方法
Dec 15 Javascript
jquery原理以及学习技巧介绍
Nov 11 Javascript
JavaScript模拟鼠标右键菜单效果
Dec 08 Javascript
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
Oct 29 Javascript
使用vue-router完成简单导航功能【推荐】
Jun 28 Javascript
在weex中愉快的使用scss的方法步骤
Jan 02 Javascript
vue中用 async/await 来处理异步操作
Jul 18 #Javascript
vue 使用async写数字动态加载效果案例
Jul 18 #Javascript
vue-router为激活的路由设置样式操作
Jul 18 #Javascript
解决Vue @submit 提交后不刷新页面问题
Jul 18 #Javascript
vue+elementui实现点击table中的单元格触发事件--弹框
Jul 18 #Javascript
vuejs element table 表格添加行,修改,单独删除行,批量删除行操作
Jul 18 #Javascript
vue element table中自定义一些input的验证操作
Jul 18 #Javascript
You might like
40年前的这部特摄片恐龙特级克塞号80后的共同回忆
2020/03/08 日漫
php数组去重实例及分析
2013/11/26 PHP
php语言中使用json的技巧及json的实现代码详解
2015/10/27 PHP
php实现通过soap调用.Net的WebService asmx文件
2017/02/27 PHP
总结一些PHP中好用但又容易忽略的小知识
2017/06/02 PHP
关于php支持的协议与封装协议总结(推荐)
2017/11/17 PHP
PHP实现QQ、微信和支付宝三合一收款码实例代码
2018/02/19 PHP
localStorage实现便签小程序
2016/11/28 Javascript
基于JavaScript实现随机颜色输入框
2016/12/10 Javascript
浅谈Angular.js中使用$watch监听模型变化
2017/01/10 Javascript
jQuery EasyUI之验证框validatebox实例详解
2017/04/10 jQuery
微信小程序 自定义Toast实例代码
2017/06/12 Javascript
JavaScript requestAnimationFrame动画详解
2017/09/14 Javascript
Angular.js通过自定义指令directive实现滑块滑动效果
2017/10/13 Javascript
AngularJS基于http请求实现下载php生成的excel文件功能示例
2018/01/23 Javascript
js canvas实现画图、滤镜效果
2018/11/27 Javascript
详解a标签添加onclick事件的几种方式
2019/03/29 Javascript
vue elementUI 表单校验功能之数组多层嵌套
2019/06/04 Javascript
vue v-for出来的列表,点击某个li使得当前被点击的li字体变红操作
2020/07/17 Javascript
深入Python解释器理解Python中的字节码
2015/04/01 Python
Python实现文件按照日期命名的方法
2015/07/09 Python
详解tensorflow载入数据的三种方式
2018/04/24 Python
python 统计列表中不同元素的数量方法
2018/06/29 Python
使用已经得到的keras模型识别自己手写的数字方式
2020/06/29 Python
python各种excel写入方式的速度对比
2020/11/10 Python
html5视频常用API接口的实战示例
2020/03/20 HTML / CSS
英国著名的美容护肤和护发产品购物网站:Lookfantastic
2020/11/23 全球购物
售后求职信范文
2014/03/15 职场文书
春季防火方案
2014/05/10 职场文书
领导班子四风问题个人对照检查材料
2014/10/04 职场文书
介绍信范文大全
2015/05/07 职场文书
2015年药品销售工作总结范文
2015/05/25 职场文书
大国崛起英国观后感
2015/06/02 职场文书
幼儿园教师教育随笔
2015/08/14 职场文书
七年级作文之我的梦想
2019/10/16 职场文书
GoFrame框架数据校验之校验结果Error接口对象
2022/06/21 Golang