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 相关文章推荐
JQuery中$(document)是什么意思有什么作用
Jul 21 Javascript
Node.js实现在目录中查找某个字符串及所在文件
Sep 03 Javascript
javascript搜索框点击文字消失失焦时文本出现
Sep 18 Javascript
js实现索引图片切换效果
Nov 21 Javascript
jQuery绑定自定义事件的魔法升级版
Jun 30 Javascript
Javascript实现图片懒加载插件的方法
Oct 20 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
Feb 19 Javascript
浏览器调试动态js脚本的方法(图解)
Jan 19 Javascript
angular4自定义表单控件[(ngModel)]的实现
Nov 23 Javascript
vuejs2.0运用原生js实现简单拖拽元素功能
Aug 21 Javascript
JavaScript中的"=、==、==="区别讲解
Jan 22 Javascript
js实现金山打字通小游戏
Jul 24 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+mysql留言本源码
2009/11/11 PHP
PHP 解决utf-8和gb2312编码转换问题
2010/03/18 PHP
解析thinkphp import 文件内容变量失效的问题
2013/06/20 PHP
php使用sql数据库 获取字段问题介绍
2013/08/12 PHP
搭建Vim为自定义的PHP开发工具的一些技巧
2015/12/11 PHP
php封装的pdo数据库操作工具类与用法示例
2019/05/08 PHP
JS中style属性
2006/10/11 Javascript
jquery ready函数、css函数及text()使用示例
2013/09/27 Javascript
JavaScript获得url查询参数的方法
2015/07/02 Javascript
jQuery选择器用法实例详解
2015/12/17 Javascript
JavaScript电子时钟倒计时
2016/01/09 Javascript
js实现的二分查找算法实例
2016/01/21 Javascript
JS数组去重(4种方法)
2017/03/27 Javascript
手机端转换rem适应
2017/04/01 Javascript
JavaScript实现多重继承的方法分析
2018/01/09 Javascript
Vue项目添加动态浏览器头部title的方法
2018/07/11 Javascript
小程序实现选择题选择效果
2018/11/04 Javascript
AJAX在JQuery中的应用详解
2019/01/30 jQuery
node实现简单的增删改查接口实例代码
2019/08/22 Javascript
小程序中的箭头函数的具体使用
2020/06/19 Javascript
浅谈vue.watch的触发条件是什么
2020/11/07 Javascript
Python如何获取系统iops示例代码
2016/09/06 Python
深入理解Python3 内置函数大全
2017/11/23 Python
Django objects的查询结果转化为json的三种方式的方法
2018/11/07 Python
Django框架之DRF 基于mixins来封装的视图详解
2019/07/23 Python
Pytorch实验常用代码段汇总
2020/11/19 Python
伦敦一家西班牙童装精品店:La Coqueta
2018/02/02 全球购物
Bloomingdale’s阿联酋:选购奢华时尚、美容及更多
2020/09/22 全球购物
成人毕业生自我鉴定
2013/10/18 职场文书
夜大自我鉴定
2013/10/31 职场文书
会计师职业生涯规划范文
2014/02/18 职场文书
电气工程及其自动化专业求职信
2014/06/23 职场文书
禁毒宣传活动总结
2014/08/26 职场文书
2014年监理工作总结范文
2014/11/17 职场文书
python爬取豆瓣电影TOP250数据
2021/05/23 Python
Python中可变和不可变对象的深入讲解
2021/08/02 Python