vue.js 3.2.22:用useIntersectionObserver实现滑动到div可见时才运行css动画(@vueuse/core@7.0.3)

一,安装所需的库@vueuse/core

liuhongdi@lhdpc:/data/vue/lazy$ npm install --save @vueuse/core

二,编写js代码

[……]

继续阅读

vue3:子组件向父组件发送数据(vue@3.2.26)

一,编写js代码

1,Parent.vue

2,Child.vue

二,测试效果:

按钮是子组件的元素,点击后能向父组件发送消息,如图:

点击后,父组件收到消[……]

继续阅读

vue.js3: 从详情页返回列表页,显示跳转前列表而不是第一页(vue@3.2.26)

一,js代码:

OrderList.vue:

二,测试效果

1,跳转到详情页

在列表页:

进入详情:

返回后仍然是第二页

2,跳转到其他页面:[……]

继续阅读

vue.js 3.2.6 解决swiper动态加载数据时默认显示最后一页(swiper@6.8.4)

一,关于(swiper动态加载数据时默认显示最后一页)网上的一些解决方法:

网上的主要的解决方法有两个:

1是指定v-if为图片数量,当图片数量大于时才生成swiper,
 在sw[……]

继续阅读

vue.js 3.2.22:用useIntersectionObserver监控多行数据的可见性(@vueuse/core@7.0.3)

一,安装所需的库@vueuse/core

liuhongdi@lhdpc:/data/vue/lazy$ npm install --save @vueuse/core

二,编写代码

[……]

继续阅读