摘要：报错信息： 解决方法： 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：对于返回
阅读全文
摘要：应用场景： 使用vux的小伙伴应该能体会到，以插件形式调用的toast、loading用起来都停不错的，只需要main.js中添加为vue的实例方法，就可以在页面中根据需要随时随地的进行调用。 同样，项目中也需要一些公用的页面，如全局的访问异常页面。如果采用普通的组件引用，则需要在每个需要用到的页面
阅读全文
摘要：一. 对路由组件进行懒加载： 如果使用同步的方式加载组件，在首屏加载时会对网络资源加载加载比较多，资源比较大，加载速度比较慢。所以设置路由懒加载，按需加载会加速首屏渲染。在没有对路由进行懒加载时，在Chrome里devtool查阅可以看到首屏网络资源加载情况（6requests 3.8MB tran
阅读全文
摘要：本案例已经有新的比较简便的解决方案，可以直接采用 vertical-align：middle 样式对行内元素进行垂直居中布局，详见： 微信小程序开发——如何让商品标题类文本根据内容长度垂直居中。 以下方案涉及到操作dom，需要进行计算，总归是会对页面渲染会有一定影响的，不建议使用，仅供学习研究。 前
阅读全文
摘要：前言： 一般来说，一个web项目的生产环境和测试环境的服务器地址一旦确定下来，很少会频繁变动的。那么就可以单独写一个脚本文件，通过当前访问的域名来判断当前的访问环境，然后再通过一定的规则获取对应的服务器地址。如此一来，只要设计好服务器地址适配文件，那么只需要打一次包，就可以自动区分不同的服务器环境了
阅读全文
摘要：1. 超链接导航失效： 小程序规则——wx.navigateTo 和 wx.redirectTo 不允许跳转到 tabbar 页面，只能用 wx.switchTab 跳转到 tabbar 页面
阅读全文
