随笔分类 -  Vue

1 2 下一页

Vue
vue项目安装依赖遇到if not defined npm_config_node_gyp问题处理
摘要:报错信息: 解决方法: 1. 安装node-gyp: npm install -g node-gyp 2. 找到安装node-gyp的路径,直接去安装node的目录下查找,可以参考下图: 3. 在C:\Users\Administrator\ .npmrc 中添加上一步找到的node-gyp.js的 阅读全文

posted @ 2024-12-26 17:15 逍遥云天 阅读(137) 评论(0) 推荐(0) 编辑

vant3升级vant4后,使用Toast、Dialog报样式不存在异常解决方法
摘要:异常现象: vant3升级vant4,直接采用v4的方法使用showToast/showDialog,但直接就报错了,如下: [vite] Internal server error: Failed to resolve import "E:/git_sh/project_code/node_mod 阅读全文

posted @ 2024-08-22 16:20 逍遥云天 阅读(599) 评论(0) 推荐(0) 编辑

vant3升级vant4后,使用toast异常解决方法
摘要:前言: 可以考虑采用官方提供的v3升级到v4的兼容写法,对现有的业务逻辑代码改动小一些。 如果不想用兼容方案,想直接使用V4的写法,可以参考后边的改造步骤。 一. 兼容方案: 安装 Vant 4 以及 @vant/compat npm add vant@^4 @vant/compat@^1 样式全局 阅读全文

posted @ 2024-08-22 15:54 逍遥云天 阅读(709) 评论(0) 推荐(0) 编辑

uniapp开发编写nvue报警Unhandled error during execution of render function
摘要:关键的两行报错如下: [Vue warn]: Unhandled error during execution of render function [Vue warn]: Unhandled error during execution of scheduler flush. This is li 阅读全文

posted @ 2023-11-01 18:16 逍遥云天 阅读(1782) 评论(0) 推荐(0) 编辑

Vue动态添加style样式
摘要:最近在用uniapp开发安卓app,由于语法跟vue一致,就梳理了下动态添加style的方法: Object :style="{ fontSize: fontSize + 'px' }" :style="{ fontSize:( fontSize ?fontSize :'12')+'px'}" Ar 阅读全文

posted @ 2023-11-01 17:24 逍遥云天 阅读(298) 评论(0) 推荐(0) 编辑

vant coupon组件使用完整demo不坑人
摘要:用到优惠券选择组件,vant官网demo很不友好。百度了下,不少网友都是片段,都是做技术的,就不能贴个完整的么?给个demo让别人一个劲儿的找bug完善。这里就直接贴完整demo了,组件注册全部局部注册。 阅读全文

posted @ 2022-04-01 11:57 逍遥云天 阅读(1133) 评论(0) 推荐(0) 编辑

The requested module '/node_modules/.vite/vue.js?v=65afd58f' does not provide an export named 'default'
摘要:出现这个问题,那么很有可能还是按照vue2的方式使用的Vue Router,建议先去了解下Vue Router 3。 解决问题示例代码如下: //router.js import * as vueRouter from "vue-router"; import Home from "../views 阅读全文

posted @ 2021-09-15 19:13 逍遥云天 阅读(20245) 评论(0) 推荐(0) 编辑

npm安装依赖报错——npm ERR! gyp verb cli的解决方法
摘要:新电脑给项目安装依赖一直失败,具体异常大致如下: 出现这个问题,可以先考虑降低node版本,这里装的是v16.3,直接官网安装v14.x稳定版本,问题解决! 如果重装之后还是不行,那关机重启、卸载重装node都可以试试。 阅读全文

posted @ 2021-08-09 21:36 逍遥云天 阅读(6404) 评论(0) 推荐(0) 编辑

vue项目打包部署服务器后无法访问背景图片问题处理方法
摘要:如果项目原来运行正常,只是添加了背景图之后背景图片无法正常显示,那么可以先查看元素,看下背景图片路径变成什么样了。 一般应该是如下这样: http://xxxx.com/static/css/static/img/xxx.jpg 这就造成了图片路径错误而无法正常加载,这个就需要对打包配置项进行调整了 阅读全文

posted @ 2021-08-05 17:41 逍遥云天 阅读(1504) 评论(0) 推荐(0) 编辑

vue+Better-scroll实现滚动位置保持并对页面切换效果进行优化
摘要:前言: 环境限制,只能用hash模式,所以不能直接用vue自身的页面缓存。 如果要保持页面滚动位置,可以在页面滚动结束后将滚动距离保存到缓存中,然后在下次加载页面的时候自动滚动指定距离。 这里以Better-scroll2.0为例进行说明。 示例代码: 1 <template> 2 <div cla 阅读全文

posted @ 2021-02-24 15:47 逍遥云天 阅读(1237) 评论(0) 推荐(0) 编辑

vue项目使用scss生成多个同心圆环按不同速度转动的效果实现
摘要:如上,实现多个同心不同宽度的圆环以不同的速度转动的特效。 本例所取项目采用了vue+vant+scss+mockjs,其中圆环采用vant的环形进度条组件,圆环的宽度、直径大小、线条的长度等采用mockjs的随机数按一定规则进行设置,圆环的循环滚动采用css3的animation动画,动画的随机频率 阅读全文

posted @ 2020-12-04 11:20 逍遥云天 阅读(1573) 评论(0) 推荐(0) 编辑

vue-cli3项目引用zepto报$不存在怎么处理
摘要:异常描述: 查了下,是这个原因导致的: 只使用了 AMD 规范的模块导出方法 define,没有用 CommonJs 规范的方法 module.exports 来导出模块,不过这不是造成报错的原因。 操作步骤: 第一步:安装 script-loader exports-loader: npm ins 阅读全文

posted @ 2020-10-27 15:55 逍遥云天 阅读(1053) 评论(0) 推荐(0) 编辑

Element Ui使用技巧——Form表单的校验规则rules详细说明
摘要:Element UI中对Form表单验证的使用介绍: Form 组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将 Form-Item的 prop 属性设置为需校验的字段名即可。校验规则参见 async-validator 文档中提及的用法有2种: 1.对整个表单进行规则 阅读全文

posted @ 2020-07-23 15:57 逍遥云天 阅读(80475) 评论(1) 推荐(8) 编辑

vue项目(hash模式)使用better-scroll实现页面滚动状态保持
摘要:注意:这里说的是返回页面滚动位置状态保持,不是简单的keep-alive实现的页面缓存。 应用场景: A页面为首页,B页面也为列表页面,C页面为B页面的某个列表项详情页面: A->B->C:A页面进入B页面,滚动到某个列表项 list-item-x ,点击列表项进入页面C。 C->B->A:对于返回 阅读全文

posted @ 2020-07-06 16:48 逍遥云天 阅读(1521) 评论(0) 推荐(0) 编辑

vue编写以plugin形式调用的插件——以全局错误展示界面为例
摘要:应用场景: 使用vux的小伙伴应该能体会到,以插件形式调用的toast、loading用起来都停不错的,只需要main.js中添加为vue的实例方法,就可以在页面中根据需要随时随地的进行调用。 同样,项目中也需要一些公用的页面,如全局的访问异常页面。如果采用普通的组件引用,则需要在每个需要用到的页面 阅读全文

posted @ 2020-06-16 15:35 逍遥云天 阅读(726) 评论(0) 推荐(0) 编辑

vue项目性能优化,优化项目加载慢的问题
摘要:一. 对路由组件进行懒加载: 如果使用同步的方式加载组件,在首屏加载时会对网络资源加载加载比较多,资源比较大,加载速度比较慢。所以设置路由懒加载,按需加载会加速首屏渲染。在没有对路由进行懒加载时,在Chrome里devtool查阅可以看到首屏网络资源加载情况(6requests 3.8MB tran 阅读全文

posted @ 2019-03-18 11:39 逍遥云天 阅读(39683) 评论(0) 推荐(1) 编辑

css文本垂直居中的实现
摘要:本案例已经有新的比较简便的解决方案,可以直接采用 vertical-align:middle 样式对行内元素进行垂直居中布局,详见: 微信小程序开发——如何让商品标题类文本根据内容长度垂直居中。 以下方案涉及到操作dom,需要进行计算,总归是会对页面渲染会有一定影响的,不建议使用,仅供学习研究。 前 阅读全文

posted @ 2019-03-14 14:37 逍遥云天 阅读(1442) 评论(0) 推荐(0) 编辑

Vue框架H5商城类项目商品详情点击返回弹出推荐商品弹窗的实现方案
摘要:h5返回监控 阅读全文

posted @ 2019-03-12 15:49 逍遥云天 阅读(2612) 评论(0) 推荐(0) 编辑

vue项目如何通过前端实现自动识别并配置服务器环境地址
摘要:前言: 一般来说,一个web项目的生产环境和测试环境的服务器地址一旦确定下来,很少会频繁变动的。那么就可以单独写一个脚本文件,通过当前访问的域名来判断当前的访问环境,然后再通过一定的规则获取对应的服务器地址。如此一来,只要设计好服务器地址适配文件,那么只需要打一次包,就可以自动区分不同的服务器环境了 阅读全文

posted @ 2019-02-11 18:28 逍遥云天 阅读(14853) 评论(0) 推荐(0) 编辑

微信小程序开发——超链接或按钮点击跳转到其他页面失效
摘要:1. 超链接导航失效: 小程序规则——wx.navigateTo 和 wx.redirectTo 不允许跳转到 tabbar 页面,只能用 wx.switchTab 跳转到 tabbar 页面 阅读全文

posted @ 2018-11-23 14:01 逍遥云天 阅读(7063) 评论(0) 推荐(0) 编辑

1 2 下一页
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示