摘要：如题，微信小程序内嵌vue2的h5项目，要实现H5页面自定义分享，具体操作如下： 一. H5部分 1. public/index.html引用微信jssdk： <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
阅读全文
摘要：如题，实现Tab页面触底上拉切换下一Tab的功能，关键流程：下滑触底——显示“上拉切换下一页”——继续上拉超过一定距离（如100px)——切换下一页，重置相关参数。 关键代码： 一. 处理滚动的业务逻辑封装为goodsListScroll.js，代码如下： //触底上拉切换下一页相关代码 expor
阅读全文
摘要：在 Vue2 项目中实现自动识别复制的收货地址功能，可以通过以下步骤完成： 实现思路 监听粘贴事件：在输入区域捕获粘贴操作 解析地址文本：使用正则表达式或地址解析库处理文本 自动填充表单：将解析结果映射到对应的表单项 优化用户体验：添加视觉反馈和错误处理 代码实现 1. 安装地址解析库（推荐） np
阅读全文
摘要：前言：目前vant2应该已经停止维护了，开发新项目的同学建议直接使用vue3+vant4，vant4版本中应该是没有这个问题了。vant2版本的Sticky组件，当页面滚动触发吸顶，Sticky组件的postion从默认状态切换到fixed定位就会出现闪动，这也不能说是bug，只是没考虑到用户体验，
阅读全文
摘要：异常现象： 如题，vue项目中使用van-uploader组件上传图片，Network中查看接口调用荷载的表单数据，没有正常传递图片文件参数，而是一系列函数列表，如下： append=function%20append()%20%7B%20%5Bnative%20code%5D%20%7D&dele
阅读全文
摘要：前言： 之前使用微信小程序、uniapp的省市区选择组件，初始数据都可以直接接收省市区名称的，诸如 let addr=['北京市','北京市','东城区'] ，所以，直接根据后端接口返回的省市区数据就能完成组件初始化。 但vant ui就偏不，只能接收areaCode，开发文档上说了，areaCod
阅读全文
摘要：报错信息： 解决方法： 1. 安装node-gyp: npm install -g node-gyp 2. 找到安装node-gyp的路径，直接去安装node的目录下查找，可以参考下图： 3. 在C:\Users\Administrator\ .npmrc 中添加上一步找到的node-gyp.js的
阅读全文
摘要：异常现象： vant3升级vant4，直接采用v4的方法使用showToast/showDialog，但直接就报错了，如下： [vite] Internal server error: Failed to resolve import "E:/git_sh/project_code/node_mod
阅读全文
摘要：前言： 可以考虑采用官方提供的v3升级到v4的兼容写法，对现有的业务逻辑代码改动小一些。 如果不想用兼容方案，想直接使用V4的写法，可以参考后边的改造步骤。 一. 兼容方案： 安装 Vant 4 以及 @vant/compat npm add vant@^4 @vant/compat@^1 样式全局
阅读全文
摘要：关键的两行报错如下： [Vue warn]: Unhandled error during execution of render function [Vue warn]: Unhandled error during execution of scheduler flush. This is li
阅读全文
摘要：最近在用uniapp开发安卓app，由于语法跟vue一致，就梳理了下动态添加style的方法： Object :style="{ fontSize: fontSize + 'px' }" :style="{ fontSize:( fontSize ?fontSize :'12')+'px'}" Ar
阅读全文
摘要：用到优惠券选择组件，vant官网demo很不友好。百度了下，不少网友都是片段，都是做技术的，就不能贴个完整的么？给个demo让别人一个劲儿的找bug完善。这里就直接贴完整demo了，组件注册全部局部注册。
阅读全文
摘要：出现这个问题，那么很有可能还是按照vue2的方式使用的Vue Router，建议先去了解下Vue Router 3。 解决问题示例代码如下： //router.js import * as vueRouter from "vue-router"; import Home from "../views
阅读全文
摘要：新电脑给项目安装依赖一直失败，具体异常大致如下： 出现这个问题，可以先考虑降低node版本,这里装的是v16.3，直接官网安装v14.x稳定版本，问题解决！ 如果重装之后还是不行，那关机重启、卸载重装node都可以试试。
阅读全文
摘要：如果项目原来运行正常，只是添加了背景图之后背景图片无法正常显示，那么可以先查看元素，看下背景图片路径变成什么样了。 一般应该是如下这样： http://xxxx.com/static/css/static/img/xxx.jpg 这就造成了图片路径错误而无法正常加载，这个就需要对打包配置项进行调整了
阅读全文
摘要：前言： 环境限制，只能用hash模式，所以不能直接用vue自身的页面缓存。 如果要保持页面滚动位置，可以在页面滚动结束后将滚动距离保存到缓存中，然后在下次加载页面的时候自动滚动指定距离。 这里以Better-scroll2.0为例进行说明。 示例代码： 1 <template> 2 <div cla
阅读全文
摘要：如上，实现多个同心不同宽度的圆环以不同的速度转动的特效。 本例所取项目采用了vue+vant+scss+mockjs，其中圆环采用vant的环形进度条组件，圆环的宽度、直径大小、线条的长度等采用mockjs的随机数按一定规则进行设置，圆环的循环滚动采用css3的animation动画，动画的随机频率
阅读全文
摘要：异常描述： 查了下，是这个原因导致的： 只使用了 AMD 规范的模块导出方法 define，没有用 CommonJs 规范的方法 module.exports 来导出模块，不过这不是造成报错的原因。 操作步骤： 第一步：安装 script-loader exports-loader: npm ins
阅读全文
摘要：Element UI中对Form表单验证的使用介绍： Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item的 prop 属性设置为需校验的字段名即可。校验规则参见 async-validator 文档中提及的用法有2种： 1.对整个表单进行规则
阅读全文
摘要：注意：这里说的是返回页面滚动位置状态保持，不是简单的keep-alive实现的页面缓存。 应用场景： A页面为首页，B页面也为列表页面，C页面为B页面的某个列表项详情页面： A->B->C：A页面进入B页面，滚动到某个列表项 list-item-x ，点击列表项进入页面C。 C->B->A：对于返回
阅读全文
浙公网安备 33010602011771号