恍若c的博客

需求：vue项目中，H5点击按钮触发上传图片或拍照上传，上传的图片使用base64位传输到后台，最终实现身份证拍照识别功能。实现过程（1）设置一个按钮和一个隐藏的input，点击按钮是触发按钮上传图片和拍照功能<div> <input id="filePhoto" type="file" ref="file" accept="image/*" hidden @change="onInputChange($event)" /> <div @click=.

在vue项目中，调用微信开发平台接口完成H5页面扫一扫功能

需求说明：在vue项目中，根据后台返回借助qrcode.js动态生成二维码展示在页面上实现效果：qrcode.js下载地址：http://davidshimjs.github.io/qrcodejs/1、vue项目引入qrcodenpm install qrcodejs22、在二维码页面引入qrcodeimport QRCode from ‘qrcodejs2’3、使用//页面定义<div id="qrcode2" ref="qrcode2" class="icon-m2" s.

需求说明：H5实现唤起高德和百度地图导航到目标景点的功能分析：用户通过点击选择使用百度还是高德地图，点击后调用guide方法，判断设备上是否有高德或者百度APP，有就直接调用APP，如果没有就调用网页版.........

需求说明：在vue项目中，设置一个按钮，点击后将页面中某个信息复制到系统剪贴板。主要使用的clipboardjs插件一、引入clipboardjs可以使用npm命令安装，npm install clipboard --save但我使用的方式是下载了该文件包，将clipboard.min.js放入项目某文件夹中二、使用1、在需要复制功能的页面引入该文件import ClipboardJS from '@mvue/rights/common/util/clipboard.min.js2、代码.

最近在一个需求开发中，遇到闭包导致了疯狂报错需求是需要在一个数组中找到typeName为生活权益N选1的对象，将其中resourceList中所有对象的expenseId拼接起来作为入参进行接口调用，如果调用返回成功则设置该对象的isReceive为0rightsList列表格式："rightsList": [ { "typeName": "互联网权益N选1", "isReceive": '1', "resourceList": [ .

vue中路由拦截router.beforeEach获取路径参数方式地址：http://localhost:8088/rights/card?rightsId=QY21JX0802X5V3&resourceId=ZY21JX0802HVHG在router.beforeEach获取路径参数方法

需求说明：H5实现初始化通过高德地图进行定位城市，用户也可以自行点击选择其他城市主要功能点：定位、城市选择器实现效果一、初始准备这里采用 高德地图 JS API去实现上述两项功能，使用高德地图 JS API 开发地图应用需要先注册账号并申请Key,https://lbs.amap.com/api/javascript-api/guide/abc/prepare首先，注册开发者账号，成为高德开放平台开发者，地址 https://console.amap.com/dev/id/choose.

需求说明：后台返回PDF文件流，前端使用vue-pdf插件进行展示最开始搜索出的插件都是pdf.js，但由于该vue项目不是特别完整的结构，没有public/assets文件夹,一直报找不到那个文件，最后只好放弃换一个方式。最终采用了vue-pdf插件，可以直接安装，方便快捷下载vue-pdfnpm install vue-pdf -D页面使用<pdf v-for="i in numPages" :key="i" :src="src" :page="i" ref="myPdfComp.

vue根据后台数据设置多选框不可点击或选中<input type="checkbox" true-value="1" false-value="0" v-model="mallCartItem.ifSelected":disabled="mallCartItem.orderTypeId == '28' || mallCartItem.orderTypeId == '30'" />我的博客主页 ：https://qingmuzhang.gitee.io/...

需求：vue项目需要路由跳转时判断该用户是否已登录，若登录则可以进入页面，若不登陆则跳转登录页采用在router.beforeEach方法中查询后端接口根据返回字段来判断用户是否登录router.beforeEach((to, from, next) => { document.title = to.meta.title; if (to.meta.type == 'fit') { checkLogin().then(res => { if(res.resCod.

需求：vue项目需要将登录信息保存为全局变量window.localStorage最开始是使用window.localstorage来进行存取登录信息，方法如下封装了一个专门使用window.localStorage的js，需要时引入这个filter.js就行const setLocalStore = (name, content) => { if (!name) return if (typeof content !== 'string') { //win.

一个元素绑定一个vue事件一个jQuery事件，jQuery事件.click会失效<a class="thumbLinkCart" href="#" onclick="simpleCart()"></a> $(document).ready(function() { $('#demo12').click(function() { alert('Item added to cart'); }); }); 可以将多个事件(类似)绑定到同一个元素.但是.

功能需求点击第三级分类节点进入商品列表，然后，点击左上方返回按钮，此时页面重新回到了第一个一级分类节点展开的效果。应该改成，返回到当前的一级分类节点下的三级分类节点vue单页 使用keep-alive页面返回不刷新法1：设置所有页面进入分类页时都缓存（已试过成功）是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。1.在配置router的文件中设置分类页的keepAlive为true2.将app.vue文件设置为<template> <div

根据用户操作动态改变页面样式如按钮选中首先在循环的内容中（如li）中设置一个动态class，设置要绑定的样式（如active）生效条件 <ul> <li v-for="(dealWayItem, i) in dealWayList" :key="i" @click="selectDealRoleWay(i)" :class="{active:dealWay == i,disabled1:dealWayItem.disabled == true}"> <sp

如果在create中进行数据获取，那么在多次打开页面的时候，之后打开的页面数据都是和第一页相同的，这是因为data是在$vm实例创建之前就会进行赋值，而在第一次打开页面时，就已经创建了实例并对data进行赋值了，之后每次打开都不会再创建；使用activated（这是和keep-alive协同使用的一个属性，如果没有设置keep-alive ，activated是不存在的），并在activated中进行Id获取和数据方法调用，可每次获得新的数据。activated和created的区别：created是创

在elementUI官方实例中，multipleSelection代表选中的值，toggleRowSelection(row,selection)方法用于原先已选的值传入进行勾选，row传递被勾选行的数据，selected设置是否选中。需求是每次打开弹窗都会重新获取表格数据，并且要选中对应的数据，但直接使用那个方法并没有效果，因为表格中的数据还没有请求出来。解决：获取数据后在需要进行勾选操作的外面套一个$nextTick this.$nextTick(() => { checke