如上图做搜索功能时，因为搜索框和搜索列表页是非父子组件，所以通信的时候就用到中央事件总线来做。一开始自己用的是用vuex + watch，监听搜索值来做，但是这样有个问题：改变左边的搜索类型，重新搜索就没办法触发watch进行搜索了，因为搜索值没变。用中央事件总线的过程中，遇到了以下一些问题：1、搜索事件多次触发了 2、绑定的事件出发了，但是却没办法修改data的值，也没办法更新视图。分析这些问题

vite+ts+vue3+tsx+ant-design-vue搭建的项目框架，

公司做了个数字货币行情的H5，需要用到websocket，刚好自己也不会，可以学习一下，美滋滋。项目结合vue脚手架和websocket来搭建，主要遇到了两个问题，一个是：断开重连机制要如何处理；另外一个是：如何在页面上随时的发送消息并实时接收返回的数据，断开重连后又如何重新发送消息，接收消息一、断开重连机制处理 （详细参考这里）写一个重连的方法（重连方法中必须加一把锁，重连方法执行过...

一、后端接口搭建后端用的是php，自己只是个菜鸟，复习了下基础知识后搭建出来的，环境用的是phpstudy集成环境搭建的。代码如下： <?phpheader('content-type:application/json;charset=utf8');function connect_mysql(){$servername = "localhost";...

vite+ts+vue3+tsx+ant-design-vue搭建的项目框架，

问题： 用vue-awesome-swiper做商品详情页轮播图时，已经设置了loop：true，但是却失效了，轮播到最后一张图片时就停止播放了。解决方法：在swiper上加个v-if=“banner.length>0”判断，等到图片数据有了再来循环渲染图片。代码：html<swiper :options="swiperOption" class="banner" v-i...

最近公司项目有个需求是：弹窗的时候要把一些信息合成为图片然后再进行分享等操作，其中信息包括微信头像，昵称等。项目是用vue来搭建的，要合成的区域如下：弹窗的主要html如下：&lt;div class="success-wrap" :class="{opacity:successShow}"&gt;&lt;div class=&quo

一、后端接口搭建后端用的是php，自己只是个菜鸟，复习了下基础知识后搭建出来的，环境用的是phpstudy集成环境搭建的。代码如下： &lt;?phpheader('content-type:application/json;charset=utf8');function connect_mysql(){$servername = "localhost";...

vue-awesome-swiper使用传送门，今天使用vue-awesome-swiper做一个数据信息滚动效果的时候，页面加载完后，没出现什么问题，但是一刷新当前页面布局就错乱了，而且loop也失效了。正确布局如下：一刷新页面：网上查了下，发现是加载顺序的问题，因为数据还没有完全加载的时候就已经渲染swiper了。解决的办法是在初始化的配置选项里面添加一下两个属性就可以...

最近项目做了一个简单的H5在线点酒，用的vue-cli脚手架搭建，运行在微信环境，涉及到微信授权登录，jssdk的使用，微信支付等功能，现记录下一些流程，以便后续自己查阅。微信开发文档传送门一、微信H5网页授权登录授权登录流程微信开发文档已经写的很清楚了，如下：1 第一步：用户同意授权，获取code2 第二步：通过code换取网页授权access_token3 第三步：刷新access_token