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 相关文章推荐
用window.location.href实现刷新另个框架页面
Mar 07 Javascript
jQuery使用手册之 事件处理
Mar 24 Javascript
javascript 多级checkbox选择效果
Aug 20 Javascript
再说AutoComplete自动补全之实现原理
Nov 05 Javascript
js bind 函数 使用闭包保存执行上下文
Dec 26 Javascript
javascript数组的使用
Mar 28 Javascript
js统计录入文本框中字符的个数并加以限制不超过多少
May 23 Javascript
jQuery简易图片放大特效示例代码
Jun 09 Javascript
canvas实现简易的圆环进度条效果
Feb 28 Javascript
JavaScript实现微信红包算法及问题解决方法
Apr 26 Javascript
基于js判断浏览器是否支持webGL
Apr 18 Javascript
JavaScript 防抖和节流遇见的奇怪问题及解决
Nov 20 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
PHP代码审核的详细介绍
2013/06/13 PHP
smarty简单应用实例
2015/11/03 PHP
Smarty环境配置与使用入门教程
2016/05/11 PHP
ext 同步和异步示例代码
2009/09/18 Javascript
面向对象的Javascript之三(封装和信息隐藏)
2012/01/27 Javascript
jquery form表单序列化为对象的示例代码
2014/03/05 Javascript
js中this用法实例详解
2015/05/05 Javascript
JS简单实现移动端日历功能示例
2016/12/28 Javascript
基于Vue实现后台系统权限控制的示例代码
2017/08/29 Javascript
Angular实现的内置过滤器orderBy排序与模糊查询功能示例
2017/12/29 Javascript
JS脚本加载后执行相应回调函数的操作方法
2018/02/28 Javascript
vue+ESLint 配置保存 自动格式化代码
2020/03/17 Javascript
js+canvas实现图片格式webp/png/jpeg在线转换
2020/08/22 Javascript
Python中元组,列表,字典的区别
2017/05/21 Python
python3实现公众号每日定时发送日报和图片
2018/02/24 Python
多版本python的pip 升级后, pip2 pip3 与python版本失配解决方法
2019/09/11 Python
python实现机器人卡牌
2019/10/06 Python
Python使用Numpy模块读取文件并绘制图片
2020/05/13 Python
15款Python编辑器的优缺点,别再问我“选什么编辑器”啦
2020/10/19 Python
CSS3 Pie工具推荐--让IE6-8支持一些优秀的CSS3特性
2014/09/02 HTML / CSS
html5调用app分享功能示例(WebViewJavascriptBridge)
2018/03/21 HTML / CSS
DJI美国:消费类无人机领域的领导者
2018/04/27 全球购物
嘻哈珠宝品牌:KRKC&CO
2020/10/19 全球购物
村干部培训方案
2014/05/02 职场文书
干部选拔任用方案
2014/05/26 职场文书
本科生求职信
2014/06/17 职场文书
孝敬父母的活动方案
2014/08/31 职场文书
2014市府办领导班子“四风问题”对照检查材料思想汇报
2014/09/24 职场文书
2014年学校食堂工作总结
2014/11/25 职场文书
2015年南京大屠杀纪念日活动总结
2015/03/24 职场文书
2015年度保密工作总结
2015/04/24 职场文书
多人股份制合作协议书
2016/03/19 职场文书
《自然之道》读后感3篇
2019/12/17 职场文书
导游词之太原天龙山
2020/01/02 职场文书
JavaScript 中for/of,for/in 的详细介绍
2021/11/17 Javascript
Java的Object类的九种方法
2022/04/13 Java/Android