随笔分类 - vue3
记录Vue使用过程中的问题
摘要：网上有许多，我就随便复制了两个,但发现了一些问题 1.通过new File()将base64转换成file文件，此方式需考虑浏览器兼容问题。 // 将base64转换为文件 const dataURLtoFile=(dataurl, filename)=> { let arr = dataurl.s
阅读全文
摘要：<input type="text" placeholder="请输入姓名" oninput="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" v-
阅读全文
摘要：一，先在终端下载 : npm i vant 二，在main.js里引用 import "vant/lib/index.css"; import { Uploader, Picker, Popup } from "vant"; app .use(store) .use(router) .use(vue
阅读全文
摘要：1、安装three.js npm install three 2、安装轨道控件插件 npm install three-orbit-controls 3、安装加载.obj和.mtl文件的插件 npm i --save three-obj-mtl-loader 4、安装渲染器插件 npm i --sa
阅读全文
摘要：1.在vue命令行下载依赖 npm install --save html2canvas 2.然后在需要使用的页面引入 import html2canvas from "html2canvas"; 3.在demo上添加ref 使其变成 我要转化为图片的区域 表示，我只要截取这个Div里面的内容变成图
阅读全文
摘要：1.使用npm命令下载qrcode npm install qrcodejs2 --save 2.在需要使用的页面引入 import QRCode from "qrcode"; 然后在js事件里使用 //把url生成二维码 QRCode.toDataURL(url) //在这里拿到地址，把它赋值给d
阅读全文
摘要：解决方案： 第一步：安装sass-loade npm install sass-loader --save-dev 第二步：安装 node-sass npm install node-sass --save-dev 按装好看有没有报错，如果报 说明是版本太高，我们重新删除，降一下版本就好了 打开pa
阅读全文
摘要：官方文档：https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start 根据文档我们要下载并按装相关的依赖，我们一步一步来 1.打开终端运行： npm install cube-ui --save 2.在package.json中的devDepend
阅读全文
摘要：在使用Vue的跳转页面并带参数过去，并刷新当前页面时，参数会丢失 这种情况可以先把值用转换 home页面 let ut_id = JSON.stringify(ut_id); this.$router.push({ path: "/About", query: { id: ut_id } }); A
阅读全文
摘要：返回后页面不刷新，一些失效的信息依然显示在页面上，生命周期全部没有执行， 在vue的mounted执行该方法 mounted() { //注意，这里一步，才可以执行methods生命周期里的方法 let that = this; //这个事件在用户浏览网页时触发，pageshow 事件类似于 onl
阅读全文
摘要：一般我们开发时都会查看打印信息，来查找报错问题 但，如果是h5，在手机上是不可以像pc上的浏览器一样查看打印的。 使用腾讯的vConsole gitee地址：https://gitee.com/Tencent/vConsole github地址：https://github.com/Tencent/
阅读全文
摘要：1,在Vue全局main里粘贴这段话 //vue页面调试 Vue.config.devtools = true 2,打开页面按f12全屏，然后再按一次恢复就发现有了。
阅读全文
摘要：首先在vue里下载依赖 npm install weixin-jsapi 然后在需要使用的页面中引入 import wx from 'weixin-jsapi' //微信支付 wx.config({ debug: false, // 这里一般在测试阶段先用ture，等打包给后台的时候就改回false
阅读全文
摘要：import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const state = { name: window.sessionStorage.getItem('nameObj') ? JSON.parse(window.session
阅读全文
摘要：先在git bash里执行这段话 alias vue='winpty vue.cmd' 就可以了
阅读全文
摘要：解决方案let list =[] //创建一个新数组 //使用原数组循环判断 this.authorizationData.forEach((item,index) =>{ if(index == indexs && item.unfold==true){ item.unfold=false; li
阅读全文
摘要：直接调用此方法即可 获取#号前面的参数 index?aa=123#/ GetRequest() { var url = decodeURI(location.search); //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexO
阅读全文
摘要：有两种方法 第一种， this.commodity = [] //将数组清空，使用点击之后的高度在顶部 this.$api.getGoodsList(data).then((res) => { const { RetCode, RetData } = res; if (RetCode == 1) {
阅读全文
摘要：我们可以通过点击事件来判断当前div有没有这个css样式，进行判断 点击事件
阅读全文
摘要：1，vue create 项目名称 2， default（babel，eslint）：默认设置（直接enter）非常适合快速创建一个新项目的原型，没有带任何辅助功能的 npm包 [Vue 2] 默认设置创建vue2项目 [Vue 3] 默认设置创建vue3项目 Manually select fea
阅读全文
浙公网安备 33010602011771号