- 博客(30)
- 收藏
- 关注
RSS订阅原创 从el-select如何做多个tag才省略，看如何改造第三方组件的满足需求的万用思路
本文介绍两种处理第三方组件库未提供效果的方法：1)通过CSS自定义视觉效果；2)使用原生JS操作DOM。以Element UI的el-select组件为例，实现了多选时显示额外选项数的功能：当选中超过2个选项时，通过JS动态创建span元素显示"+N"提示，并配合CSS设置样式定位。关键点包括：监听change事件控制显示逻辑、使用scoped样式防止污染、通过v-deep穿透组件样式、利用原生DOM操作appendChild添加自定义元素。
2025-11-28 13:46:23
180
原创 ::v-deep 是 Vue 中用于 样式穿透（深度选择器） 的语法
Vue的scoped CSS通过data-v属性限制样式作用域，但无法直接修改子组件内部样式。使用::v-deep可以穿透作用域限制，如修改uni-fab组件内部样式时，通过::v-deep.uni-fab__circle--rightBottom{bottom:50px!important}即可生效。这种方法解决了第三方组件样式覆盖难题。
2025-07-18 09:34:36
336
原创 有效避免 Cannot read property ‘xxx‘ of undefined 这类运行时错误。避免因数据字段缺失导致的报错
【代码】有效避免 Cannot read property ‘xxx‘ of undefined 这类运行时错误。避免因数据字段缺失导致的报错。
2025-07-09 10:18:44
337
原创 uniapp ruoyi-app 中使用checkbox 无法选中问题
期初还以为是代码问题,被这个问题困扰了一下午 <|||>colorui.css 文件中注释掉两处即可。
2025-07-08 16:55:12
403
2
原创 uniapp页面间通信
实现页面间通信的方法，这是一种官方推荐的高效传参方式。对于复杂数据结构，建议使用eventChannel或Vuex等其它方式传递。Vuex是Vue.js的官方状态管理库，适合管理复杂的全局状态。可以将数据存储在本地，适合需要持久化的数据传递1 2。，可以在不同页面中共享和修改数据2 4。1. 全局变量（globalData）还有很多自行探索...
2025-07-07 10:31:20
1150
原创 uniapp中 主页面打开选择器子页面，子页面返回选中数据
摘要：本文介绍了uni-app跨页面通信的events机制，通过uni.navigateTo的events参数和getOpenerEventChannel()实现页面间数据传递。主要特点包括：1）替代URL参数传递复杂数据；2）支持页面回调机制；3）适用于表单选择器等场景。文中提供了订单选择器的完整示例，展示如何从子页面回传选中数据到父页面。该方案比传统URL传参更高效，能处理对象、数组等复杂数据结构。（150字）
2025-07-01 14:56:58
916
原创 el-table 插槽踩过的坑 ：slot-scope 和#default的区别
vue中element-ui中el-table <template slot-scope="scope">和<template #default="{row}">的区别
2025-05-29 15:44:01
515
原创 vue el-table 动态行转列,动态增加一列
el-table 有固定列和动态列 可以动态新增一列 动态列的数据input,如何动态绑定v-model 使用row[id]的方式对应 点击提交打印数据
2025-05-22 08:30:00
301
原创 vue根据条件 去数组对象根据查询
vue input搜索框 根据条件 去数组对象根据name查询 显示查询到的新的数组 当不输入时 返回原来的数组
2025-04-17 16:45:18
155
原创 mybatis中xml自定义update sql 动态拼接表名和需要更改的字段以及更改字段的内容
mybatis中xml自定义update sql 动态拼接表名和需要更改的字段以及更改字段的内容
2025-04-10 15:47:52
922
原创 vue 中 element-ui 选择框el-select传递两个参数
注意 ::: 当 label value 属性名字更改时 要加上 在 value-key="id"
2025-01-08 09:14:28
464
原创 Msql使用concat函数实现关键字模糊查询
那么有没有一种方式，可以又美化页面，不增加使用者的视觉疲劳，又能做到只输入一个关键字，就能将全部的数据按照输入的关键字进行过滤，从而只留下符合关键字信息的呢。但是条件多了，条件1，条件2，条件3…条件100，这时候后端的接口就会一个一个的if判断，不断的追加条件(做为后端开发深有体会，头大)这种的条件少的还好，比如根据姓名或者性别过滤，这样不仅页面会稍微美观一些，对于sql的压力以及后端的代码量也是会轻松不少的。当然有，今天在做自己项目的时候就遇到了这个问题，正好借着这个机会分享我的思路以及相关的代码。
2024-01-08 14:42:12
524
原创 Mybatis中＜where＞标签 后 1=1 的作用
但是这样很可能会造成非常大的性能损失，因为添加了 “where 1=1 ”的过滤条件之后，数据库系统就无法使用索引等查询优化策略，数据库系统将会被迫对每行数据进行扫描（即全表扫描） 来比较此行是否满足过滤条件，当表中的数据量较大时查询速度会非常慢；（实际上where 1=1 也会走索引，不影响查问效率，咱们写的sql指令会被mysql 进行解析优化成本人的解决指令，在这个过程中 1 = 1 这类无意义的条件将会被优化。这样，不管if里面的判断如何，都能保证最终的sql语句是正确的。这样写会产生很大问题，
2024-01-08 14:33:20
767
原创 map之containsKey方法
map中的containsKey（key）方法是判断该key在map中是否有key存在。如果存在则返回true。如果不存在则返回false。
2023-12-19 19:56:58
1438
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人