- 博客(45)
- 收藏
- 关注
RSS订阅原创 Vue2中跨组件共享公共属性的方法、优缺点与实现
在Vue开发中，跨组件共享公共属性是一个非常常见的需求。本文将介绍几种常用的方法来实现这一需求，包括Vuex、事件总线（Event Bus）、provide/inject以及mixins，并给出相应的代码实现、优缺点以及适用场景。
2024-07-05 09:37:08
399
原创 nuxt3问题记录
Nuxt伪静态；安装nuxt3报错 Failed to download template from registry: fetch failed；使用document或window；nuxt3引入swiper并使用；使用百度地图；No match found for location with path "xxx"；Component is missing template or render function；加载loading动画
2023-11-09 11:07:48
3385
3
原创 uniapp兼容微信小程序和支付宝小程序遇到的坑
支付宝不支持v-show；v-html；支付宝导航栏差异；支付宝不兼容uni.createSelectorQuery().in中的in；支付宝客服相关；uniapp小程序超出限制；uniapp require 绝对路径引入文件报错“文件查找失败”；SyntaxError: Unexpected token } in JSON at position
2023-07-26 10:54:52
6095
原创 uniapp 分页，分为scroll-view以及页面下拉刷新 onReachBottom两种情况
uniapp 分页，分为scroll-view里的分页和页面下拉刷新onReachBottom分页
2023-05-26 18:19:25
1655
原创 uniapp使用uView2.0框架遇到的问题
后端传大整数时出现精度缺失的情况；tabbar中间项凸出，自定义底部导航栏；uView折叠面板collapse在支付宝小程序上标题显示不出来；uView2.0输入框u-input中placeholder样式修改
2023-05-19 10:47:11
2269
原创 uniapp （1）h5页面刷新之后路由栈丢失，刷新之后无法返回上一页的问题；（2）微信小程序返回上一页刷新数据，重新请求接口
uniapp中使用vue-router，插件 uni-simple-router，h5刷新后还能返回上一页的方法。微信小程序返回上一页刷新页面
2023-05-11 10:50:43
3033
原创 uniapp（vue2）封装子组件
uniapp封装子组件，1、父组件传值给子组件的某个字段可以是多种类型时；2、子组件里有 v-model 时；3、父组件传给子组件是对象或数组时
2023-04-28 15:50:15
1804
2
原创 uniapp局部滚动，动态style带有calc计算
uniapp实现局部/区域滚动，使用createSelectorQuery获取节点信息，动态style带有calc计算
2023-04-26 14:42:23
874
原创 vue 将防抖函数封装成自定义指令
指令即 v- 的形式，除了内置指令例如 v-model、v-show 以外，vue 允许注册自定义的指令。自定义指令主要是为了重用涉及普通元素的底层 DOM 访问的逻辑。
2023-03-25 15:51:50
797
3
原创 node连接mysql报错：ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested
NodeJs 连接 mysql 时报错：ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server; consider upgrading MySQL client
2023-03-08 00:03:42
1809
1
原创 elementPlus 按需引入时设置日期选择器 el-date-picker 用中文显示
elementPlus设置日期选择器 el-date-picker 用中文显示
2023-02-06 15:52:27
1546
原创 el-table 单元格同时合并行和列span-method，表头合并header-cell-style
el-table 存在单元格是既合并行又合并列的，使用span-method方法；表头合并使用header-cell-style方法
2023-01-13 12:33:26
1552
原创 CSS 实现滚动贴合优化滚动效果及实现视差滚动效果
滚动优化效果，使用 swiper 后无法触发鼠标的点击、拖动事件；用 background-attachment 实现视差滚动效果
2022-11-23 21:30:13
822
原创 vue3 深度选择器 deep 写法，动态引入图片，使用时间格式化插件Moment.js
[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep() instead.；动态引入图片；使用时间格式化插件Moment.js
2022-11-21 10:00:29
2245
原创 一级菜单需有滚动，二级菜单从隐藏的溢出中弹出
一级菜单需要有滚动功能，当鼠标放至一级菜单时，会弹出对应的二级菜单，出现问题：当一级菜单需要滚动效果时，一级菜单在水平方向上是溢出隐藏的，导致二级菜单无法弹出。
2022-10-28 18:18:41
835
原创 el-dialog 导致无法触发背后图层的鼠标事件的解决方法
el-dialog 出现时，属于最上层的图层，后面的图层会被它覆盖，导致触发不了后面图层的鼠标事件，解决方法：使用 pointer-events
2022-10-26 11:44:28
1714
2
原创 Vue3 父传子、使用 defineAsyncComponent 异步挂载组件、利用 is 动态引入组件
警告Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking the component with ...的解决方法
2022-10-13 10:17:27
2027
原创 css实现线条中间高亮，左右两边模糊（linear-gradient的运用）
【css】用linear-gradient实现线条中间高亮两边模糊
2022-08-22 14:43:08
1807
原创 vue2源码npm i时报错（sh: rollup: command not found）
在对vue2.6.14版本的源码安装出现警告（WARN）：deprecated rollup-plugin-buble@0.19.8: This module has been deprecated and is no longer maintained. Please use @rollup/plugin-buble.或者出现：sh: rollup: command not found 的错误时，
2022-08-09 15:02:51
1827
原创 vue3按需引入echarts及使用
npm install echarts --save如果要使用3d类型的需要引入 echarts-glnpm install echarts-gl --save
2022-08-06 22:49:38
2482
原创 从零开始搭建vue3+vite2项目
包含scss引入、elemen-plus完整/按需引入、vue-router、vuex、axios、跨域请求、i18n(国际化)、自适应、scss全局变量、自适应及自动添加前缀配置
2022-08-06 10:30:40
1830
原创 npm install报错code ERR_SOCKET_TIMEOUT（proxy相关）
npm ERR! code ERR_SOCKET_TIMEOUTnpm ERR! network Socket timeoutnpm ERR! network This is a problem related to network connectivity.npm ERR! network In most cases you are behind a proxy or have bad network settings.npm ERR! network npm ERR! network If y
2022-08-04 14:50:22
14632
5
原创 【vue3】ref获取dom元素，element-plus方法的使用（以走马灯next、prev方法为例）
【vue3】ref获取dom元素，element-plus方法的使用（以走马灯next、prev方法为例）。功能：另外添加两个按钮，实现轮播图的上下张切换。如果 script 写成了defineComponent形式，记得一定要将carousel return，否则会报错.........
2022-07-28 14:50:34
2650
原创 vue3+vite 使用 postcss-pxtorem、autoprefixer 实现自适应和自动添加前缀
分别利用postcss-pxtorem、autoprefixer实现自适应和自动添加前缀
2022-07-18 17:29:10
7725
3
3D旋转相册（附源码）HTML+CSS+JS
2024-02-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人