- 博客(14)
- 收藏
- 关注
原创 uniapp开发钉钉小程序--收货地址选择
根据业务需求,地址选择需选择省-市-区-镇街-社区。uview组件中的选择器不满足设计需要,所以选择使用了。渲染数据很简单,这里不做过多的赘述,这里只说拿到数据对数据进行回显编辑问题。tui-cascade-selection 级联选择 | ThorUI文档。3、如果需要重新选择上一层数据,则清空该层之后的数据。大概就是这样了,可能有点混乱,只做个参考吧~~~~~2、根据每一级的code获取每一层的数据并进行定位。下面是根据需要自己组装数据过程。对于数据回显,会用到文档中的。
2024-10-08 16:04:24
348
原创 uniapp解决使用uview封装的tabbar卡顿问题
然后我总结了一下思路:都具有相同的大体页面布局,所以将外部布局提取出来形成一个单独的layout.vue组件。底部tabbar一直在,无论是否有数据,点击不同tabbar,修改不同标题和颜色。如果要使用下拉刷新也是可以的,通过$emit和$on来实现组件的传值,话不多说,直接上代码。在tabbar子页面中使用$on方法,一定要记得离开页面要销毁监听事件!封装layout.vue页面,作为子组件引入父组件search.vue页面。在search.vue父组件页面中使用$emit方法。
2024-09-13 15:49:49
732
原创 关于组件之间传值问题(vuex和事件总线)
来将请求的数据存储下来调用,但是数据量小的时候,页面显示的数据正常,但当我请求的数据量很大的时候,一个组件加载的数据是之前的旧数据,并不是新请求出来的数据。我的项目需求只有一个页面,但是页面中存在着两个不同的组件需调用同一接口的需求。上面的方式就是使用vuex方式存储数据,但是由于技术太low,没实现想要的效果,换成了下面的事件总线。1、在其中一个组件中请求数据,通过$emit()方法发送数据。2、在需要数据的组件中使用$on()方法监听获取数据。注意的是,还需要使用$off()方法,防止内存泄漏。
2024-07-23 16:06:31
291
原创 Echarts飞线图demo
公司大屏项目需要完成一个含有飞线图功能的地图,经过查询资料借鉴,写了一个区的demo。1、准备数据,因为我是画的区县地图,所以得自己去找数据。3、确定飞线图的中心点位。4、确定飞线图的样式。
2024-07-22 15:56:57
447
原创 vue3项目-滚动到底部实现数据加载效果
2、在onMounted生命周期中绑定监听事件,当滚动条滚动到底部的时候加载数据。1、在实现滚动监听的DOM元素上绑定ref值。
2024-06-14 16:11:29
1146
原创 vue3项目 页面跳转之后,退回到原页面点击位置
获取多条数据列表,点击其中某条数据跳转到详情页面。再从详情页面退回到数据列表页面,并回到点击跳转处。1、在app.vue页面路由出口位置使用keep-alive内置组件。注意:include里面写的是组件的名称,而并非是组件的路由名称。2、在list.vue页面中定义跳转前的scrollTop值。1、在app.vue页面采用keep-alive内置组件。2、在跳转之前获取到点击位置处的高度。3、在页面加载时,拿到高度赋值即可。获取点击处的位置高度。
2024-06-14 15:42:03
1759
原创 vue关于引入本地图片打包之后图片失效问题
但是打包之后,图片报错显示404,找不到该图片。发现在该域名下直接接了src文件,但是该域名下并没有src文件夹。使用vite官网提供的方法。(new URL(url, import.meta.url))1、在utils下面创建一个名为pub-use.ts的文件,方便获取assets的静态资源。2、在使用的页面中,引入该文件。
2024-06-03 10:46:42
836
1
原创 npm install --save highlight.js/lib/highlighthighlight,is/styles/github-gist.css
由于highlight.js版本太高,降低版本即可。
2024-02-26 17:30:32
890
1
原创 vue关于ant design中input数据自动填充,不用输入问题
我想实现input框中数据的自动填充,不用输入账号和密码。首先想的是利用v-model数据双向绑定可以达到效果,但是打脸了!所以,用了v-decorator不能在使用v-model!
2023-10-28 17:27:39
452
原创 HbuilderX小程序关于渲染网络层错误
这个错误是由图片引入方式不正确导致的。如果是将图片资源文件放到assets文件夹下面的,则必须先用import...from方式引入进当前文件中,在使用。如果图片资源是放在static下面则直接引入即可。assets经过打包之后,图片的资源名称会发生改变,但static是完全复制的图片文件,不存在改变。在做图片渲染时,渲染一张图片没有问题,当把src的值变成动态时,就会出现报错。用import引入或者使用require引用。
2023-08-13 11:49:09
1679
1
原创 vue运行报错:contains both .browserslistrc and package.json with browsers
npm run serve 运行项目报错:contains both .browserslistrc and package.json with browsers。将项目目录下的.browserslistrc该文件删除,重新npm run serve启动项目即可。
2023-07-28 18:46:23
1480
1
原创 Element-ui表单验证
在element-ui的form表单板块中有个validate方法。该方法是对整个表单进行校验的方法,参数为一个回调函数。该回调函数会在校验结束后被调用,并传入两个参数:是否校验成功和未通过校验的字段。若不传入回调函数,则会返回一个 promise。1、在表单上绑定验证规则----->:rules="rules"2、在表单项上添加验证字段名(注意:和绑定数据的字段名保持一致)3、在data数据下声明验证规则对象。4、统一验证重置表单。
2023-07-19 19:00:02
1222
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人