随笔分类 -  h5

vue3 把base64转成file文件的问题
摘要：网上有许多，我就随便复制了两个,但发现了一些问题 1.通过new File()将base64转换成file文件，此方式需考虑浏览器兼容问题。 // 将base64转换为文件 const dataURLtoFile=(dataurl, filename)=> { let arr = dataurl.s 阅读全文
posted @ 2022-06-27 14:50 light丶 阅读(3200) 评论(0) 推荐(1)
vue 姓名输入框禁止输入英文和符号
摘要：<input type="text" placeholder="请输入姓名" oninput="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" v- 阅读全文
posted @ 2022-06-22 09:30 light丶 阅读(393) 评论(0) 推荐(0)
vue3 vant的上传文件使用 Uploader
摘要：一，先在终端下载 : npm i vant 二，在main.js里引用 import "vant/lib/index.css"; import { Uploader, Picker, Popup } from "vant"; app .use(store) .use(router) .use(vue 阅读全文
posted @ 2022-06-17 09:43 light丶 阅读(4339) 评论(0) 推荐(0)
vue 使用swiper的异形轮播图
摘要：官网效果图是这样的 一、我们需要在vue的public的html引入我们下载的css样式 <link rel="stylesheet" href="../src/assets/css/swiper.min.css"> 这个样式可以去官网下载 https://www.swiper.com.cn/dem 阅读全文
posted @ 2022-03-22 11:01 light丶 阅读(4246) 评论(0) 推荐(0)
vue 使用定位获取经伟度
摘要：一、第一种方法使用百度定位 1.在public处放入 <script type="text/javascript"src="https://api.map.baidu.com/api?v=3.0&type=webgl&ak=您的密钥"></script> 密钥生成方法网上有许多 2.在方法里使用 l 阅读全文
posted @ 2022-03-22 10:37 light丶 阅读(4326) 评论(0) 推荐(0)
vue把demo生成图片
摘要：1.在vue命令行下载依赖 npm install --save html2canvas 2.然后在需要使用的页面引入 import html2canvas from "html2canvas"; 3.在demo上添加ref 使其变成 我要转化为图片的区域 表示，我只要截取这个Div里面的内容变成图 阅读全文
posted @ 2022-03-03 14:43 light丶 阅读(468) 评论(0) 推荐(1)
vue把url生成二维码图片
摘要：1.使用npm命令下载qrcode npm install qrcodejs2 --save 2.在需要使用的页面引入 import QRCode from "qrcode"; 然后在js事件里使用 //把url生成二维码 QRCode.toDataURL(url) //在这里拿到地址，把它赋值给d 阅读全文
posted @ 2022-03-03 14:31 light丶 阅读(1174) 评论(0) 推荐(0)
vue报错：sass-loader You may need to install it
摘要：解决方案： 第一步：安装sass-loade npm install sass-loader --save-dev 第二步：安装 node-sass npm install node-sass --save-dev 按装好看有没有报错，如果报 说明是版本太高，我们重新删除，降一下版本就好了 打开pa 阅读全文
posted @ 2022-02-15 17:32 light丶 阅读(797) 评论(0) 推荐(0)
vue使用cube-ui（滴滴ui组件）
摘要：官方文档：https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start 根据文档我们要下载并按装相关的依赖，我们一步一步来 1.打开终端运行： npm install cube-ui --save 2.在package.json中的devDepend 阅读全文
posted @ 2022-02-15 17:19 light丶 阅读(1058) 评论(0) 推荐(0)
vue 跳转传参数据，刷新页面参数丢失
摘要：在使用Vue的跳转页面并带参数过去，并刷新当前页面时，参数会丢失 这种情况可以先把值用转换 home页面 let ut_id = JSON.stringify(ut_id); this.$router.push({ path: "/About", query: { id: ut_id } }); A 阅读全文
posted @ 2022-01-26 11:38 light丶 阅读(797) 评论(0) 推荐(0)
vue 从a页面跳转到外部链接b页面，然后从b页面跳转到回a页面，返回没有执行生命周期
摘要：返回后页面不刷新，一些失效的信息依然显示在页面上，生命周期全部没有执行， 在vue的mounted执行该方法 mounted() { //注意，这里一步，才可以执行methods生命周期里的方法 let that = this; //这个事件在用户浏览网页时触发，pageshow 事件类似于 onl 阅读全文
posted @ 2022-01-25 17:49 light丶 阅读(1882) 评论(0) 推荐(0)
vue h5怎么查看打印信息，
摘要：一般我们开发时都会查看打印信息，来查找报错问题 但，如果是h5，在手机上是不可以像pc上的浏览器一样查看打印的。 使用腾讯的vConsole gitee地址：https://gitee.com/Tencent/vConsole github地址：https://github.com/Tencent/ 阅读全文
posted @ 2022-01-13 10:44 light丶 阅读(249) 评论(0) 推荐(0)
vue h5调用微信支付功能，及没有执行success函数的问题
摘要：首先在vue里下载依赖 npm install weixin-jsapi 然后在需要使用的页面中引入 import wx from 'weixin-jsapi' //微信支付 wx.config({ debug: false, // 这里一般在测试阶段先用ture，等打包给后台的时候就改回false 阅读全文
posted @ 2022-01-07 11:46 light丶 阅读(1058) 评论(0) 推荐(0)
解决微信小程序跳转h5页面带两个参数的问题
摘要：小程序 在小程序我们通过web-view的标签来跳转到H5页面 在跳转的页面通过 wx.navigateTo({ url: `/pages/webview/index?url=${http}&token=&{xxxx}`, }) 一般是通过这样来传值的，但是哒咩！！不可以的 打印出来是这样的 htt 阅读全文
posted @ 2021-10-15 11:14 light丶 阅读(1289) 评论(0) 推荐(0)