- 博客(37)
- 收藏
- 关注
RSS订阅原创 vue自定义穿梭框（内容体+多选框）
本文分享了基于AntDesignVue穿梭框实现资源权限分配功能的优化方案。通过添加one-way属性和@click.stop事件修饰符，解决了多选框与数据选中状态的冲突问题。重点实现了右侧已选数据才显示操作权限（查看/下载）的逻辑，通过isOpt字段控制显示条件，并在数据左右移动时同步更新操作权限状态。文章还对比了ElementPlus的类似实现方式，为类似业务场景提供了可复用的解决方案。该方案既能满足基础穿梭功能，又能精细化控制每条数据的权限属性。
2025-05-29 17:27:39
401
原创 Echarts渲染图表修改tooltip配置
在使用Echarts时，可能只有一条数据，但当前数据包含n条数据，在展示时，展示的不是当前的这条数据，而是需要展示包含n条数据的某些信息，这样的话。但如果现在的需求是：渲染的仍然是一级的分数，但查看当前分数时，显示的内容是子项每一项的分数。这里的params参数，就是我们刚刚处理过的数据，在params下的data中，就是我们刚刚处理过的数据，可以直接使用。如果正常渲染当前条数据的内容。这三个属性就是需要的字段，name和value是必填的。如果正常的数据是如下，正常应该是直接渲染一级的某一值。
2025-02-20 11:59:21
243
原创 vue下拉加载页面切换回到当前滚动位置
vue当前页面下拉加载，当离开当前页面，再次返回当前页面时回到之前滚动的位置，页面刷新时回到顶部，并同步清空存储的变量。
2024-12-20 13:28:59
431
原创 js递归多维数组
利用递归的方式从一个多维数组中，筛选出自己需要用到的数据，以及数据的加工处理。该方法中传入两个参数，1个为多维数组，另一个为1个一维数组或二维数组，然后来查找出自己所需要的数据。
2024-06-26 11:24:48
550
原创 Vue项目中通过配置文件修改title，打包生效
在项目中，有时会用到多个共同title，为了统一管理，并且为了方便打包上线之后方便修改，就用到了配置文件的方式来解决问题。现在public下新建一个配置文件（json文件）。然后再main.ts中利用axios的方式，来拿到该配置文件的内容。然后拿到该文件之后，利用依赖注入，将返回的结果注入进去。然后按照自己所编写的内容格式进行渲染即可，进行按序渲染。然后在需要的界面，使用inject将注入的内容拿到。
2024-05-28 11:50:54
379
原创 el-table的复选框的回显
toggleRowSelection：此方法的第一个不是必须按照上面那种写法来走，只要是与当前行的内容一致即可。在forEach中，选出符合当前的item也是可以的。第二个参数为true是可以的，在我测试的过程中，第二个参数是当前项的id也是可以的。此处的multipleManageTableRef必须和table中绑定的ref的值是一致，然后调用。toggleRowSelection的方法，该方法主要是用于当前行的状态。详情可以查看官方文档。在用到table表格中，用到了表格的复选框。
2024-05-22 16:28:30
1383
原创 面包屑to跳转，菜单当前激活样式
当使用面包屑跳转时，当前路由会进行跳转，但激活的样式不会改变，这是将default-active的值设置为route.path，他会自动根据当前路由的path地址进行跳转，并激活。在面包屑中，default-active是控制当前激活样式，当default-active绑定的值是自己绑定的值，然后动态赋值时，在不使用面包屑跳转的情况下是正常的。
2024-04-23 11:44:48
279
原创 elementplus中dialog嵌套form表单，关闭时取消校验
before-close方法是在关闭前的回调，就是需要在关闭该对话框之前的操作。可能在关闭对话框之前，触发了form表单的校验，而关闭对话框时需要清除校验，则只需要在绑定的方法中用到clearValidate()即可。
2023-10-30 10:39:12
988
原创 elementplus的级联选择框自定义绑定的数据名
elementplus的级联选择框，数据格式名称不一样时修改对应的名称，来渲染自己的数据
2023-10-27 09:49:43
479
1
原创 input的pattern属性
手机号码：^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$邮箱：^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$通过点击提交按钮时，就会根据pattern的正则进行验证，不通过则会进行错误提示。如果不进行修改会有默认的错误提示。7个汉字或14个字符：^[\u4e00-\u9fa5]{1,7}$|^[\dA-Za-z_]{1,14}$
2023-09-14 10:53:58
999
1
原创 日期格式化函数
注：export导出的函数或方法，需要在引入时加{}，如果是export default导出的则直接写导出的名字就可以，不需要加{}。因为export default 一个文件中只能有一个，且不能和export一起使用。在一个单独的文件中新建一个关于日期格式化的文件，js/ts。然后再需要的页面引入该函数即可直接使用。
2023-09-13 16:03:32
77
原创 element-plus表格中展示图片
其中scope为table绑定数据的每一项，scope.row为数据的每一行，然后输入对应的图片的路径，就可完成图片的展示。其上使用vue3的写法。
2023-05-05 16:01:39
1521
1
空空如也
前端怎么解决服务器跨域
2024-09-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人