- 博客(13)
- 收藏
- 关注
RSS订阅原创 每日问题总结（持续更新）
项目中，后端返回如上格式的数据，需要将该数据做处理，取出其中每个对象的value值 并保存在如下新的数组中。1.对象数组遍历，讲对象中的数据取出保存在数组中。
2024-03-11 16:07:11
180
1
原创 el-image加载本地图片并实现放大预览功能
第一种方式是通过相对路径获取图片，使用src和preview-src-list属性绑定本地图片地址需要使用require函数，且preview-src-list属性的值为数组形式。el-image官方组件实现放大预览功能的源码为下图，使用的网上的图片地址。:preview-src-list属性中的图片为放大的图片地址。第二种方式是通过绝对路径获取图片，同样的src和preview-src-list属性绑定图片绝对地址的值。
2024-01-29 10:30:02
2744
原创 在el-table中循环展示所有列，并为某一列添加文字提示el-tooltip的项目案例
template内容通过插槽的方式替换原有内容，只不过是对想要替换的部分替换，不需要替换的部分还是按照之前的内容展示。最后需要注意的是：content = scope.row[item.prop]中的内容是会匹配所有列表的内容，需要将其转化为字符串类型才能展示（如果没有转换也能展示，但是我在开发过程中会有报错所以要进行转换）。在最近的项目开发中，有一个需求需要查询删除数据并在列表中展示，其中的“备注”列需要将删除的时候添加的备注信息进行文字提示，同时备注列中的数据不能超过20个字符。
2024-01-25 09:56:43
987
原创 项目删除功能 使用 MessageBox 弹框 弹窗内包含一个自定义的文本输入框 以及遇到的问题
在开发过程中发现该方法有些笨拙，就是点击dialog弹窗的确定按钮，没办法获直接取到删除按钮对应的数据（除非在点击删除按钮时，将对应数据的index保存给vue，然后在dialog弹窗中确认按钮事件获取到this的index进行后续的删除操作）。最后，我使用的是原生的dom操作该输入框的数据，将输入框内的值置为空。该部分是列表区域中的删除功能，在click事件中可以拿到scope.row的数据，也就是点击对应行的删除按钮，获取对应行的数据（可以获取对应行的index从而对数据进行删除）。
2024-01-19 16:09:46
1147
1
原创 vue项目实现pdf在新窗口预览的功能
在开发过程中，做vue后台项目产品需要把pdf在新窗口预览，而且pdf文件地址是下载地址，在浏览器中打开链接直接下载。然后也是通过在网上寻找各种方法尝试去解决这个需求。网上有一种做法是将文件转化为blob文件流，然后在新窗口打开文件预览。自己最终也尝试后实现了该需求。需要注意的是，pdf链接地址是下载地址，直接在浏览器中打开不能预览。
2023-12-12 15:11:32
1269
1
原创 npm run serve报错问题
解决方式：找到保存的第三方依赖包名称@interactjs。然后在vue.config.js中进行配置，配置改行代码便可解决。npm run serve运行vue项目时出现的报错问题。
2023-11-03 15:26:50
822
原创 vue项目穿透修改element-ui样式
一般的input输入框如果配置了show-word-limit数据统计属性，在input框最后的统计文字会将input框内部的文字遮挡住。打开浏览器开发者工具会看到统计文字有element-ui组件自带的DOM节点。/deep/为穿透修改样式方式。通过修改input框内的右边距将文字显示出来。在开发者工具中可以看到其父元素上设置了同样的类名，并且只能在这里设置类名。2.通过css中的穿透修改element-ui的样式。1.首先在vue项目中给input标签设置属性名。
2023-11-03 10:11:15
807
原创 uniapp支付宝小程序项目rich-text不生效解决办法
最近在用uniapp写支付宝小程序项目时，在一个需求中，后端返回富文本内容需要在小程序中显示。最后this.contentSign为rich-text组件中nodes绑定的内容。uniapp中的rich-text组件不能在支付宝小程序中显示的原因 是因为nodes只支持Array类型的参数。如果要方便使用rich-text可以通过引入插件的方式或者将nodes的值设置为Array类型。之后通过尝试各种方法，通过引入插件parse可以在rich-text组件中显示。如下这种的html标签包含的字符串。
2023-09-21 12:04:25
1686
1
原创 VUE大型后台管理项目左侧导航栏搭建
打开sidebar组件中的index.vue文件就是配置当前左侧导航栏文件。然后在控制台输出currentPortalMenu。
2023-08-30 14:28:00
360
原创 项目中echarts饼状图的位置和大小问题
项目中两个组件中的echarts分别出现了位置问题和大小问题。其中上面的饼状图的饼环没有居中，图例的位置也应该再一行显示。通过排查问题，找到该组件中的echarts模块width和height属性都设置为了100%，在父级元素上也设置为了100%。最后将该组件和其父元素的width和height都修改为固定的宽高像素值就可以解决了。最后修改之后的效果如图。
2023-08-21 09:24:09
2387
1
原创 前端使用AES加密传递敏感参数
其中CBC加密方式需要使用到偏移量，不同的偏移量会得到不同的秘文。ECB加密方式中的偏移量对秘文没有影响（不同的偏移量有同样的秘文）。最后将向后端传递的参数作为encrypt函数的参数进行返回，得到最后加密过后的秘文。
2023-08-18 11:16:21
320
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人