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 getMonth()日期函数的值域是0-11
Feb 15 Javascript
Jquery cookie操作代码
Mar 14 Javascript
jquery操作复选框(checkbox)的12个小技巧总结
Feb 04 Javascript
动态加载脚本提升javascript性能
Feb 24 Javascript
jQuery多级弹出菜单插件ZoneMenu
Dec 18 Javascript
js实现文本框支持加减运算的方法
Aug 19 Javascript
vue.js移动端app实战1:初始配置详解
Jul 24 Javascript
JS解决position:sticky的兼容性问题的方法
Oct 17 Javascript
使用vue2.0创建的项目的步骤方法
Sep 25 Javascript
如何在Angular8.0下使用ngx-translate进行国际化配置
Jul 24 Javascript
vue项目强制清除页面缓存的例子
Nov 06 Javascript
详解ES6 中的Object.assign()的用法实例代码
Jan 11 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 Smarty 字符比较代码
2011/02/27 PHP
php强制下载类型的实现代码
2011/04/21 PHP
php中的字符编码转换函数用法示例
2014/10/20 PHP
ThinkPHP上使用多说评论插件的方法
2014/10/31 PHP
PHP过滤黑名单关键字的方法
2014/12/01 PHP
PHP实现文件下载【实例分享】
2017/04/28 PHP
php设计模式之迭代器模式实例分析【星际争霸游戏案例】
2020/04/07 PHP
JavaScript的面向对象(二)
2006/11/09 Javascript
JQuery 文本框使用小结
2010/05/22 Javascript
javascript中普通函数的使用介绍
2013/12/19 Javascript
一个Action如何调用两个不同的方法
2014/05/22 Javascript
jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
2014/06/16 Javascript
浅谈JavaScript Date日期和时间对象
2014/12/29 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
2015/03/24 Javascript
jQuery取消ajax请求的方法
2015/06/09 Javascript
原生JavaScript制作微博发布面板效果
2016/03/11 Javascript
基于Bootstrap重置输入框内容按钮插件
2016/05/12 Javascript
javascript 操作cookies详解及实例
2017/02/22 Javascript
关于jQuery中fade(),show()起始位置的一点小发现
2017/04/25 jQuery
JavaScript实现隐藏省略文字效果的方法
2017/04/27 Javascript
详解JS获取HTML DOM元素的8种方法
2017/06/17 Javascript
通过button将form表单的数据提交到action层的实例
2017/09/08 Javascript
不使用 JS 匿名函数理由
2017/11/17 Javascript
JS实现基于拖拽改变物体大小的方法
2018/01/23 Javascript
Angular通过指令动态添加组件问题
2018/07/09 Javascript
JavaScript随机数的组合问题案例分析
2020/05/16 Javascript
vue 组件基础知识总结
2021/01/26 Vue.js
Python解释执行原理分析
2014/08/22 Python
python利用微信公众号实现报警功能
2018/06/10 Python
Python功能点实现:函数级/代码块级计时器
2019/01/02 Python
python3 assert 断言的使用详解 (区别于python2)
2019/11/27 Python
Django 博客实现简单的全文搜索的示例代码
2020/02/17 Python
感谢信模板大全
2015/01/23 职场文书
《清澈的湖水》教学反思
2016/02/17 职场文书
JS函数式编程实现XDM一
2022/06/16 Javascript
Win11 25163.1010更新补丁KB5016904推送,测试服务验证管道(附更新修复汇总)
2022/07/23 数码科技