- 博客(321)
- 收藏
- 关注
原创 position: fixed之后,由于层级过高,底层元素的点击事件失效解决办法
给fixed元素添加 pointer-events: none; // 允许点击穿透
2024-11-08 12:03:24 99
原创 el-tree当节点全选时只返回被全选子级的父节点key,未全选则返回选中的节点key
需要获取树组件选中的节点,假如父节点被选中(该节点全选),即只返回父节点的数据,如父节点未被全选,则正常返回被选中节点的数据。如上图,此时,除了二级 2-1 节点外,其余节点被选中,此时只需要获二级 2-2 、一级3 这两个节点的数据即可。如上图,一级2和下面的子节点都选中了,此时需要只获取到一级 2 这个节点的数据即可。利用递归的方法,遍历所有的节点,判断其是否为全选状态,为全选状态时即拿到其数据。这里需要把树组件实例上的store传入。
2024-11-08 12:00:07 225
原创 npm ERR! node-sass@6.0.1 postinstall: `node scripts/build.js`
【代码】npm ERR!
2024-10-18 10:48:40 142
原创 uniapp微信小程序修改组件样式失效(解决方案)
表示页面 wxss 样式将影响到自定义组件,自定义组件 wxss 中指定的样式也会影响页面和其他设置了 apply-shared 或 shared 的自定义组件。在微信小程序平台上。这是因为微信小程序对于组件样式的处理具有一定的隔离性,旨在防止样式冲突,这被称为样式隔离。表示启用样式隔离,在自定义组件内外,使用 class 指定的样式将不会相互影响(一般情况下的默认值);表示页面 wxss 样式将影响到自定义组件,但自定义组件 wxss 中指定的样式不会影响页面;提供的配置项,用于控制组件样式的作用域。
2024-09-29 10:16:22 570
原创 uni-file-picker文件选择上传功能实现
可以使用九宫格样式选择图片limit="1",则最多选择张图片,限定只选择图片,限定只选择 png和jpg后缀的图片,可以停止自动上传,通过ref调用upload方法自行选择上传时机。与搭配使用,
2024-09-23 16:19:19 921
原创 el-table在动态渲染列的时候,使用slot自定义单元格时,prop属性键入失效
原因:使用自定义slot,循环体中所有的列都是自定义slot,即时v-if绑定在template也不行。el-table在动态渲染列的时候,使用slot自定义单元格时,prop属性键入失效。
2024-09-14 13:43:15 263
原创 Vue实现html网页导出为pdf和png
在前端开发中,导出网页内容为 PDF 文件是一个常见需求,无论是生成报表、保存网页截图,还是打印功能。本文将介绍如何使用 html2Canvas 和 jsPDF 库实现这一功能,并提供详细的代码示例和优化建议。
2024-09-09 20:52:37 390
原创 CSS Grid 布局完全指南
在一个声明中设置所有以下属性的简写: grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns, 和 grid-auto-flow。:将grid-template-rows设置为指定的值。grid-column-start / grid-row-start 是网格项开始的网格线,grid-column-end / grid-row-end 是网格项结束的网格线。
2024-09-05 11:07:13 392
原创 Flexbox弹性盒布局中gap的使用
是一个缩写属性,用于同时设置。如果使用了百分比,则。,如果需要分开设置,用于单独设置行间隙,参考父元素的高度,则。
2024-09-03 16:04:40 924
原创 el-form校验项为数组&&组件是自定义组件校验遇到的坑
validator的参数有:(rule, value, callback),前三个比较重要。rule:指向该条规则对象。value:新的值,用于参与运算、对比。callback:执行回调,使用方法是:callback(‘…’);。如果不传参:表示验证通过,一般不必专门强调。字符串会作为错误提示,但是显示优先级低于外层的message。比如callback(‘内层错误提示’);跟message: '外层错误提示’同时存在,则会提示:外层错误提示。data() {
2024-08-09 10:12:44 534
原创 vue中data pros computed的执行前后顺序
已经初始化完毕,因此可以在计算属性中使用它们的值。另外,计算属性的值是基于内部依赖的变化而自动更新的,当依赖的。在这个阶段,计算属性会根据其定义的依赖关系进行计算,并将计算结果与组件实例关联。函数(或对象),并将返回的数据对象与组件实例进行关联。这时,组件实例会拥有。中定义的属性,并且这些属性是响应式的。,将父组件传递的属性值设置到子组件的。的解构的计算属性,无法访问,因为。发生变化时,计算属性自定更新。首先,Vue会初始化组件的。中,实例化组件时,以下是。需要注意的是,在执行。
2024-08-03 16:48:02 260
原创 vue组件使用$listeners同时自己添加事件,重复执行
进行批量事件和属性透传,基于自己的实际业务可能需要新增或者修改一些属性和事件。事件参数只有当前选项的值,部分场景下需要获取到完整选项数据。此时就会只执行一次事件,实现预期效果。这类组件库进行二次封装时,通过使用。部分场景下,如自己封装的组件或对。解决方案:通过扩展运算符覆盖事件。实际执行会发现事件执行了两次。PS:$attrs同理。
2024-07-30 15:57:08 266
原创 如何更优雅二次封装ElementUI
这个变量拿到非作用域的插槽,然后循环渲染对应的普通具名插槽,这样就可以使用第三方组件提供的原插槽;作用域插槽则绕了一圈,使用了一个插槽的语法糖(具名插槽的缩写)并且结合着动态插槽名的用法;作用插槽位置和传递对应的参数,,这样就可以使用第三方组件提供的作用域插槽。当中不需要分默认插槽、具名插槽和作用域插槽,可以进行统一的处理。这个组件实例的属性,将其事件的监听都整合到了。组件实例的该属性包含了父作用域中的(不含。组件实例的该属性包含了父作用域中不作为。所有的方法将其挂载在我们自己的组件。
2024-07-29 15:16:05 1121
原创 将uniapp运行到微信开发者工具
登录微信公众平台:https://mp.weixin.qq.com/的文件位置,直接复制此路径即可,如果是。的文件位置,选中快捷方式,再次右键。开发管理->开发设置。选择打开文件所在位置。
2024-07-03 16:24:38 2080
原创 el-tree如何根据全选和半选的id数组回显勾选?
我的树结构是父子节点相互关联,也就是说。就是后端返回的那四个节点的id数组。,那我只要从上面四个id中,
2024-06-25 12:42:37 475
原创 uniapp运行到小程序报错:Some selectors are not allowed in component wxss, including tag name selectors, ID
组件对应 wxss 文件的样式,只对组件wxml内的节点生效。
2024-06-24 11:35:26 507
原创 uniapp连接低功耗蓝牙设备(微信小程序同样适用)
但根据文档提示,我们连接后还需要关闭 “搜索附近设备” 的功能,这个很好理解,既然找到了,再继续找就是浪费资源。你的设备可能不止一条特征值,需要监听那条特征值这需要你和硬件佬协商的(通常也是硬件佬直接和你说要监听哪条)。但这是蓝牙设备那边控制的,你作为前端佬,人家“已读不回”你也拿人家没办法。字段里保存了该服务的所有特征值,我的设备这个服务只有1个特征值,并且读、写、消息推送都为 true。上面代码的逻辑是,如果开启 “寻找附近设备” 功能成功,接着就开启 “监听寻找到新设备的事件”。
2024-06-08 11:08:49 2727 1
原创 Vue前端项目部署的三种方案
Nginx(发音为“engine-x”)是一款高性能的 HTTP 服务器和反向代理服务器,同时也是一个IMAP/POP3/SMTP 代理服务器。Nginx最初由 lgor Sysoev 编写,于 2004年发布。反向代理负载均衡静态内容服务HTTP/2 支持SSL/TLS 支持高速缓存。
2024-05-27 17:11:19 8736 1
原创 uniapp如何查看项目云端证书详情
访问Dcluud你的项目列表,地址:https://dev.dcloud.net.cn/pages/app/list
2024-05-23 18:40:38 393
原创 uniapp获取当前位置和经纬度信息(app端高德地图)
这里的ios的key我没生成(需要苹果系统),但是配置文件又是必填,我瞎写了一个,不影响Android端使用。槽点太多,后面补----------------------------------,即打开地图选择位置。登录高德开放平台 ,
2024-05-21 17:04:51 7695
原创 用JDK的keytool工具创建SHA1安全证书
命令生成了一个新的密钥库文件。命令生成了一个新的密钥库文件。命令时,指定的密钥库文件。命令时,指定的密钥库文件。问题产生的原因是在执行。问题产生的原因是在执行。,并用于后续的操作。再次输入秘钥口令输入。,并用于后续的操作。再次输入秘钥口令输入。
2024-05-21 14:48:46 1142
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人