- 博客(28)
- 收藏
- 关注
原创 js递归多维数组
利用递归的方式从一个多维数组中,筛选出自己需要用到的数据,以及数据的加工处理。该方法中传入两个参数,1个为多维数组,另一个为1个一维数组或二维数组,然后来查找出自己所需要的数据。
2024-06-26 11:24:48
212
原创 Vue项目中通过配置文件修改title,打包生效
在项目中,有时会用到多个共同title,为了统一管理,并且为了方便打包上线之后方便修改,就用到了配置文件的方式来解决问题。现在public下新建一个配置文件(json文件)。然后再main.ts中利用axios的方式,来拿到该配置文件的内容。然后拿到该文件之后,利用依赖注入,将返回的结果注入进去。然后按照自己所编写的内容格式进行渲染即可,进行按序渲染。然后在需要的界面,使用inject将注入的内容拿到。
2024-05-28 11:50:54
213
原创 el-table的复选框的回显
toggleRowSelection:此方法的第一个不是必须按照上面那种写法来走,只要是与当前行的内容一致即可。在forEach中,选出符合当前的item也是可以的。第二个参数为true是可以的,在我测试的过程中,第二个参数是当前项的id也是可以的。此处的multipleManageTableRef必须和table中绑定的ref的值是一致,然后调用。toggleRowSelection的方法,该方法主要是用于当前行的状态。详情可以查看官方文档。在用到table表格中,用到了表格的复选框。
2024-05-22 16:28:30
515
原创 面包屑to跳转,菜单当前激活样式
当使用面包屑跳转时,当前路由会进行跳转,但激活的样式不会改变,这是将default-active的值设置为route.path,他会自动根据当前路由的path地址进行跳转,并激活。在面包屑中,default-active是控制当前激活样式,当default-active绑定的值是自己绑定的值,然后动态赋值时,在不使用面包屑跳转的情况下是正常的。
2024-04-23 11:44:48
180
原创 elementplus中dialog嵌套form表单,关闭时取消校验
before-close方法是在关闭前的回调,就是需要在关闭该对话框之前的操作。可能在关闭对话框之前,触发了form表单的校验,而关闭对话框时需要清除校验,则只需要在绑定的方法中用到clearValidate()即可。
2023-10-30 10:39:12
650
原创 elementplus的级联选择框自定义绑定的数据名
elementplus的级联选择框,数据格式名称不一样时修改对应的名称,来渲染自己的数据
2023-10-27 09:49:43
367
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
579
1
原创 日期格式化函数
注:export导出的函数或方法,需要在引入时加{},如果是export default导出的则直接写导出的名字就可以,不需要加{}。因为export default 一个文件中只能有一个,且不能和export一起使用。在一个单独的文件中新建一个关于日期格式化的文件,js/ts。然后再需要的页面引入该函数即可直接使用。
2023-09-13 16:03:32
30
原创 element-plus表格中展示图片
其中scope为table绑定数据的每一项,scope.row为数据的每一行,然后输入对应的图片的路径,就可完成图片的展示。其上使用vue3的写法。
2023-05-05 16:01:39
1268
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人