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 相关文章推荐
js 深拷贝函数
Dec 04 Javascript
基于Asp.net与Javascript控制的日期控件
May 22 Javascript
通过jQuery源码学习javascript(二)
Dec 27 Javascript
jQuery当鼠标悬停时放大图片的效果实例
Jul 03 Javascript
jquery实现ajax提交form表单的方法总结
Mar 03 Javascript
jQuery中unbind()方法用法实例
Jan 19 Javascript
鼠标悬停小图标显示大图标
Jan 22 Javascript
Bootstrap Search Suggest使用例子
Dec 21 Javascript
用jQuery旋转插件jqueryrotate制作转盘抽奖
Feb 10 Javascript
JavaScript实现为事件句柄绑定监听函数的方法分析
Nov 14 Javascript
ionic使用angularjs表单验证(模板验证)
Dec 12 Javascript
Vue实现导航栏点击当前标签变色功能
Aug 19 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
file_get_contents获取不到网页内容的解决方法
2013/03/07 PHP
浅谈ThinkPHP5.0版本和ThinkPHP3.2版本的区别
2017/06/17 PHP
php libevent 功能与使用方法详解
2020/03/04 PHP
了解jQuery技巧来提高你的代码
2010/01/08 Javascript
JavaScript中使用构造函数实现继承的代码
2010/08/12 Javascript
某人初学javascript的时候写的学习笔记
2010/12/30 Javascript
js 触发select onchange事件代码
2014/03/20 Javascript
js实现头像图片切割缩放及无刷新上传图片的方法
2015/07/17 Javascript
自己动手写的jquery分页控件(非常简单实用)
2015/10/28 Javascript
AngularJS控制器继承自另一控制器
2016/05/09 Javascript
Javascript 数组去重的方法(四种)详解及实例代码
2016/11/24 Javascript
AngularJS 获取ng-repeat动态生成的ng-model值实例详解
2016/11/29 Javascript
简单实现IONIC购物车功能
2017/01/10 Javascript
bootstrap table操作技巧分享
2017/02/15 Javascript
vue实现留言板todolist功能
2017/08/16 Javascript
node+koa实现数据mock接口的方法
2017/09/20 Javascript
javascript判断一个变量是数组还是对象
2019/04/10 Javascript
express中static中间件的具体使用方法
2019/10/17 Javascript
Vue项目配置跨域访问和代理proxy设置方式
2020/09/08 Javascript
使用webpack和rollup打包组件库的方法
2021/02/25 Javascript
[01:07:22]2014 DOTA2华西杯精英邀请赛 5 24 DK VS VG加赛
2014/05/26 DOTA
Python中使用第三方库xlrd来写入Excel文件示例
2015/04/05 Python
python对list中的每个元素进行某种操作的方法
2018/06/29 Python
python 构造三维全零数组的方法
2018/11/12 Python
基于python实现自动化办公学习笔记(CSV、word、Excel、PPT)
2019/08/06 Python
python输出决策树图形的例子
2019/08/09 Python
Python的Django框架实现数据库查询(不返回QuerySet的方法)
2020/05/19 Python
python字符串的index和find的区别详解
2020/06/20 Python
如何基于Python pygame实现动画跑马灯
2020/11/18 Python
HTML5的结构和语义(5):内嵌媒体
2008/10/17 HTML / CSS
荷兰街头时尚之家:Funkie House
2019/03/18 全球购物
董事长秘书职责
2014/01/31 职场文书
中专自我鉴定
2014/02/05 职场文书
大一新生学期自我评价
2014/04/09 职场文书
读书伴我成长演讲稿
2014/05/07 职场文书
奖励申请报告范文
2015/05/15 职场文书