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 相关文章推荐
asp 的 分词实现代码
May 24 Javascript
JavaScript 在网页上单击鼠标的地方显示层及关闭层
Dec 30 Javascript
IE下写xml文件的两种方式(fso/saveAs)
Aug 05 Javascript
Jquery显示、隐藏元素以及添加删除样式
Aug 09 Javascript
常用的jquery模板插件——jQuery Boilerplate介绍
Sep 23 Javascript
jQuery中slice()方法用法实例
Jan 07 Javascript
js获取json元素数量的方法
Jan 27 Javascript
在Vue中使用highCharts绘制3d饼图的方法
Feb 08 Javascript
Vue 莹石摄像头直播视频实例代码
Aug 31 Javascript
jQuery操作attr、prop、val()/text()/html()、class属性
May 23 jQuery
JS轮播图的实现方法2
Aug 25 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
Sep 05 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
编写漂亮的代码 - 将后台程序与前端程序分开
2008/04/23 PHP
php ob_flush,flush在ie中缓冲无效的解决方法
2010/05/09 PHP
深入mysql_fetch_row()与mysql_fetch_array()的区别详解
2013/06/05 PHP
使用PHP备份MySQL和网站发送到邮箱实例代码
2013/11/28 PHP
PHP生成唯一订单号
2015/07/05 PHP
php使用gzip压缩传输js和css文件的方法
2015/07/29 PHP
php mysql procedure实现获取多个结果集的方法【基于thinkPHP】
2016/11/09 PHP
图片按比例缩放函数
2006/06/26 Javascript
jQuery替换字符串(实例代码)
2013/11/13 Javascript
点击按钮自动加关注的代码(sina微博/QQ空间/人人网/腾讯微博)
2014/01/02 Javascript
js改变Iframe中Src的方法
2015/05/05 Javascript
Jquery中巧用Ajax的beforeSend方法
2016/01/20 Javascript
Google 地图控件集详解及实例代码
2016/08/06 Javascript
jQuery双向列表选择器select版
2016/11/01 Javascript
Vue网页html转换PDF(最低兼容ie10)的思路详解
2017/08/24 Javascript
Vue slot用法(小结)
2018/10/22 Javascript
ES6使用 Array.includes 处理多重条件用法实例分析
2020/03/02 Javascript
详解JS函数防抖
2020/06/05 Javascript
Vue数组响应式操作及高阶函数使用代码详解
2020/08/01 Javascript
python获取局域网占带宽最大3个ip的方法
2015/07/09 Python
python django 增删改查操作 数据库Mysql
2017/07/27 Python
Django实现快速分页的方法实例
2017/10/22 Python
python调用摄像头显示图像的实例
2018/08/03 Python
对python的输出和输出格式详解
2018/12/08 Python
Python打印特殊符号及对应编码解析
2020/05/07 Python
Numpy数组的广播机制的实现
2020/11/03 Python
优秀大学生的自我评价
2014/01/16 职场文书
高三毕业典礼演讲稿
2014/05/13 职场文书
ktv好的活动方案
2014/08/15 职场文书
垃圾分类的活动方案
2014/08/15 职场文书
重点工程汇报材料
2014/08/27 职场文书
2014党支部对照检查材料思想汇报
2014/10/05 职场文书
2015年党员公开承诺书范文
2015/01/22 职场文书
给老婆的保证书怎么写
2015/05/08 职场文书
居委会工作总结2015
2015/05/18 职场文书
html中两种获取标签内的值的方法
2022/06/10 HTML / CSS