- 博客(146)
- 收藏
- 关注
RSS订阅
原创 Vue3.0 手写省市区三级联动组件
全国地区数据会很大,我们可以直接用这个地址https://yjy-oss-files.oss-cn-zhangjiakou.aliyuncs.com/tuxian/area.json实现的效果如下:考虑到城市组件也会在项目其它地方使用,所以把城市组件定义成全局组件。来复习一下vue3.0中,将组件封装成全局的:1.src/components 下新建.vue文件,用来放城市组件,2.3.知道了实现的效果是: 当我点击这个城市组件的时候,弹层显示,再次点击弹层隐藏,...
2021-07-24 23:35:07
3703
9
原创 Vue3.0 手写放大镜效果
需要实现的效果是: 固定放大两倍,鼠标进入到左侧图片区域的时候,遮罩层显示,离开时,遮罩层隐藏。css中的cursorhttps://www.runoob.com/cssref/pr-class-cursor.html鼠标跟随效果如何实现: (子绝父相)绝对定位 + 修改top,left控制移动在@vueuse中，有一个工具方法：useMouseInElement<template> <div ref="target"> <h1&g...
2021-07-23 23:33:38
1964
10
原创 支付宝小程序 使用ant design mini框架，组件样式修改
一开始尝试 像vue 一样使用 deep 修改底层的样式，安装less等方式，都行不通，后来一直查 ant 组件都是 怎么修改样式的。
2024-01-24 15:12:32
666
原创 解决vue3项目打包发布到服务器后访问页面显示空白问题
2.router里面的路由模式改为 createWebHashHistory。env.VITE_PUBLIC_PATH 的值如下。1.在 vite.config.ts 文件中 加入。
2023-12-01 15:55:28
2626
原创 watcheffect的用法
比如说第一次进来 数组第一项的金额是 100，把100赋值给previousAmount（以前金额），数组第二项的金额比如说是 150，（这时候进入非空的判断），就开始比较大小。需求：监听用户给金额字段改大了还是改小了。
2023-11-21 16:39:31
175
原创 van-list 下拉刷新 触底分页 触底分页事件只加载一次
我是 头部是筛选的条件，，更换不同的状态，显示不同的列表数据，比如 审批中数据是 对的，触底分页也是对的，如果我切换一个状态的话，总共是 15条数据，但是 切换了状态只显示第一页的数据（我设置的是一页十条数据）loading 设置为false 是因为 加载过程中 也就是 loading 是true的时候，不触发load 事件。解决触底事件只监听一遍的方法： 就是给 切换搜索条件以及 下拉刷新函数加如下两行代码。这种写法 有的浏览器支持，有的浏览器不支持，一开始以为是 浏览器内核的原因。
2023-09-12 19:49:03
1060
原创 Vite按需引入自定义组件unplugin-vue-components
我一开始是 先封装完组件然后 在配置的上面这些，就一直不显示 全局组件 ，然后你可以先把你封装的文件删除，然后在新建一次就好了。3.tsconfig.json include属性加入 ‘./components.d.ts’然后你在 components 里面封装组件就是全局组件了。2.vite.config.ts文件加如下代码。目录里面会多一个文件。
2023-07-06 09:58:39
1423
原创 “this“ 隐式具有类型 “any“,因为它没有类型注释。
在 tsconfig.json文件中 将 "noImplicitThis" 改为false。
2023-07-05 11:15:12
727
原创 ts中type和interface的区别
来说，它是用来定义接口类型（约束数类型和属性）的，且接口类型是支持继承和声明合并的。所以在对于对象结构的类型定义上，建议尽可能的使用。type 不支持继承。，而在合适的场景使用。
2023-06-14 15:06:45
285
原创 Vue3+ts 如何使用echarts
utils文件夹下建 echarts.ts文件定义类型。接下来 compoents 中封装公共组件。使用的时候：（父组件）
2023-06-02 14:25:38
565
原创 vue3报错xxx.resetFields is not a function
需求： 写添加或修改弹窗的时候，el-dialog 嵌套 el-form，当el-dialog关闭的时候，清空el-form 的校验。
2023-06-01 15:31:33
1436
原创 vue3+el-menu实现路由刷新左侧菜单栏保持选中状态
给 el-menu 加上 :default-active="this.$route.path"问题描述： 使用el-menu 实现管理系统左侧菜单栏的时候，刷新页面，菜单栏的选中状态消失。
2023-05-23 10:58:46
1841
4
原创 elementuiPlus+ts 清空时间选择器踩坑
这里需要注意的是 dateList.value 虽然是一个数组，但是用 dateList.value.length 判断的话，话报错，第二点就是 先给 dateList.value 置为空，然后再给 query 里面的 from(开始时间) to(结束时间) 置空。声明一下 我这个 需求是 时间是 搜索条件，然后 query 是定义的 传给后端 的参数对象。
2023-05-16 14:09:35
452
2
原创 Vue3 body默认属性margin：8px如何去掉
src目录下 找到 index.html 在style 里面加上。在写vue3项目的时候，写完页面 有一圈margin。F12 发现 body 有一个 margin：8px。
2023-05-11 13:34:01
1255
原创 vue3中的RouteRecordRaw
是 Vue Router 4.x 中新增的类型，用于定义路由配置。它是一个 TypeScript 类型。只是一个类型定义，它并不会自动注册路由。要将其注册到 Vue Router 中，还需要使用。函数创建路由实例，并将路由记录传递给该实例的。
2023-05-09 14:20:31
7162
1
原创 解决Unable to preventDefault inside passive event listener invocation. 报错
解决办法：将 main.js中引入的：import 'default-passive-events' 注释掉。这个报错大致说的是 阻止默认行为。
2023-05-08 15:19:51
1232
原创 js修改对象数组中其中某一项属性值（转换格式）
我们对接口渲染数据的时候，经常会遇到后端返给我们数组中某个属性的格式跟我们想要的不一样，比如，我们渲染需要 小桥，中桥，大桥，返回的数组 分别用 1，2，3来表示小 中 大桥的。第一种方法呢就是 对数组进行遍历。
2023-03-16 16:02:19
3540
原创 elementUI el-tabs切换时，tab里的echart图表宽高只有100px，图像变形
导致这种问题的原因是 echarts 图表加载出来了，但是它的父级标签还没有加载出来 导致样式 就还没有。获取echarts 的时候 加上定时器延时一下。页面渲染部分加 v-if。
2023-02-20 10:11:41
362
原创 vue 实现动态路由
如果我们希望在调用addRoutes方法之后，要路由数据立刻反映到菜单中，我们需要想一个额外的方法，思考一下，vue开发中，哪个技术可以保证响应式特性还可以动态修改？上一步我们实现了: 1.把动态路由通过addRoutes动态添加到了路由系统里， 2. 把动态路由保存到vuex的menu中，但是我们没有和权限数据做搭配，接下来我们通过接口返回的权限数据对动态菜单做过滤处理，以确定完成菜单与用户权限相关。在router/index.js中的路由配置中 只保留静态路由（因为我们要动态的添加））
2023-01-29 12:38:12
9472
2
原创 vue3中toRef和toRefs的用法
toRef 顾名思义，不是ref 响应式数据，给它转成ref 响应式数据通俗易懂的理解： 首先实现功能没问题，接下来考虑到代码优化：那可能会想到 我在return的时候，麻烦一些，但是，这样操作你会发现页面不是响应式的，数据修改页面不发生变化，如下：接下来看 toRef的用法： 很明显实现了效果介绍完toRef的用法之后，接下来来看一下toRefs的用法吧
2022-12-04 16:00:02
470
原创 vue3中自定义hook的用法
hook 可以理解为类似于vue2中mixin 用法------------公共方法封装src下新建hook文件，hook 文件下新建 .js文件举个例子： 需求：拿到鼠标的 x y 值页面引入公共方法：usePoint
2022-12-03 21:50:02
529
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人