- 博客(9)
- 收藏
- 关注
RSS订阅原创 APP中使用uni-table组件出现表头与数据渲染两遍的问题
而且如果设置了border或者stripe，uni-table会即使在我们没有手动添加表头的时候，默认生成一个thread，这样当我们在添加一个uni-tr当作表头时就会出现表头渲染两遍的问题。但是当我们使用原生的table时，因为其没有封装逻辑，，所以必会在外层有一个uni-view容器，也不会自动生成thread，就不会出现表头和数据渲染两遍的问题。下面是我最开始写的表格代码：按理来说表格数据使用v-for遍历出来的，表头没有被遍历，就算数据被渲染两遍但是表头也不会被渲染两遍。
2025-06-09 22:34:40
224
原创 uniapp中自定义图片上传组件
样式，使用grid布局创建4列网格布局（每一项都是正方形），展示上传图片的每一项，点击图片时会触发ViewImage方法，可以查看图片的大图，点击图片右上角的❌可以触发DelImg方法删除图片。对图片上传进行表单校验时，为其定义一个name="picUrl"，我们在formData中要定义picUrl这一属性，且在定义的校验规则中也要使用picUrl，不能写错。自定义一个图片上传组件，首先定义一个显示图片数量的计数器，显示已上传照片数量和最大限制：{{imgList.length}}/4，
2025-06-03 23:48:18
225
原创 form表单的自定义数据校验与表单提交
定义验证规则，我们在rules中可以通过validateFunction 自定义校验规则 （该处展示只是为说明问题）在需要进行校验的表单项中设置一个name值，设置required为true表明该项是必填项。首先需要在我们的表单上绑定自定义的校验规则customRules。在进行表单提交时，先进行表单验证，验证通过后提交表单数据。最后在onReady()中设置规则。
2025-05-30 21:26:11
236
原创 JavaScript引用类型的典型问题
的方式来实现，但是实际上只是创建了一个对同一对象的新的引用，而不是创建一个新对象，这就导致在修改formData的时候，formData也会改变，控制台打印出来的数值都是一样的。注意：展开运算符和Object.assign()仅拷贝第一层属性，例如当需要修改formPostData中的picUrl数组时，改数组也是需要单独拷贝的。遇到的问题：当不想直接修改formData中的数据时，我选择使用。
2025-05-30 19:49:15
209
原创 uniapp中uni-file-picker文件上传组件的使用
当使用该组件时，要指定文件要上传到的地方，否则直接使用该组件上传文件是不生效的，uni-file-picker组件有五个事件，分别是@select，@progress，@success，@fail，@delete分别在选择文件，文件上传中，文件上传成功，文件上传失败，文件从列表移除时触发。根据获取到的这个文件地址就可以使用uniapp文件上传API（uni.uploadFile）将你选择的文件上传到文件要保存的服务器，根据服务器接口返回给你的数据选择需要的内容保存在form表单的数据中。
2025-05-29 23:24:38
682
原创 uniapp中使用高德地图
放置地图的区域只显示地图的logo，不显示地图的信息，原因是原来形目中有的高德地图的key值存在问题，为了验证这个问题，我自己去申请了一个key,并且在服务平台处选择。开发过程中的用到项目中原来已经配置好的key，但是在运行的时候出现。，再经过上述步骤配置就可以解决问题。
2025-05-28 22:07:59
471
原创 u-button按钮样式切换问题
uniapp中点击按钮后按钮样式切换的问题，按钮未点击时设置plain="true"，按钮点击时设置type="primary"，并取消plian样式。
2025-05-27 23:56:51
195
原创 数据异步请求与DOM渲染问题
这是一种优化的数据获取和渲染策略，它通过使用临时变量存储完整数据，然后一次性更新响应式数据，确保DOM只在所有数据准备完毕后渲染 ，同时使用await等待API调用完毕，使用promise.all允许并行执行所有图片请求，提高效率，在所有数据处理完成后，一次性赋值给Vue的响应式数据，这样的好处是，DOM只会在所有数据准备好后更新一次，避免部分更新导致的闪烁或缺失数据问题，提高性能，减少不必要的重渲染。
2025-05-27 23:39:50
105
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人