具体样式.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: .18rem;height: .08rem;border-radius: 0;}.swiper-pagination-bullet-active{back...

场景一 使用swiper时候需要loop轮播，但是如果数据较少的时候swiper会重复渲染数据， 我这里时切换形式，前面两个数量多可以loop但是第三个数据比较少就产生这个问题了其实我的数据只有2条，但是却给我渲染了6条我第一想法想通过v-if,设置两个组变量渲染，结果fail<swiper class="Swiper" :options="swiperOption" ref="mySwip

场景一 使用swiper时候需要loop轮播，但是如果数据较少的时候swiper会重复渲染数据， 我这里时切换形式，前面两个数量多可以loop但是第三个数据比较少就产生这个问题了其实我的数据只有2条，但是却给我渲染了6条我第一想法想通过v-if,设置两个组变量渲染，结果fail<swiper class="Swiper" :options="swiperOption" ref="mySwip

场景一 解决了一次性渲染大量数据问题业务场景是后台一次返回10万多条数据需要在下拉框中展示,直接渲染会导致页面卡顿且需要很长时间等待,用户体验极差,所以我把这个改造了一下,直接上代码, 里面注释写的很清楚了就不解释了.<template><div class="content"><el-select v-model="choose" size="small" v-el

场景一 解决了一次性渲染大量数据问题业务场景是后台一次返回10万多条数据需要在下拉框中展示,直接渲染会导致页面卡顿且需要很长时间等待,用户体验极差,所以我把这个改造了一下,直接上代码, 里面注释写的很清楚了就不解释了.<template><div class="content"><el-select v-model="choose" size="small" v-el

看下图如果从demo里面直接复制两个到页面会发现两个按钮都无效果如果要两个按钮都生效的话一般我们在具体业务中使用的话@click会绑定事件差不多就这样吧，菜鸟继续赶路...

今天在开发时候遇到5秒倒计时，demo里面是百分比到技术，我们个人的应用场景可能会不同。直接上代码主要是format这个方法，我在看到中文字然后参考用一下的，嗯呢好像类似的文章不是很多，我就简单写一下多分享少踩坑，一起加油呀...

一 效果图二 代码样式自己调试itemStyle: { //区域边形样式emphasis: {color: dataList.forEach(item => {return `rgba(158, 51, 98, ${item.value.toFixed(0)})`}),//borderColor: '#000',...

这是一个VUE 框架一个小的应用，自己通过引用库很好的写出一个美观的框架。

一 效果图二 代码itemStyle: { //区域边形样式emphasis: {color: dataList.forEach(item => {return `rgba(158, 51, 98, ${item.value.toFixed(0)})`}),//borderColor: '#000',// sh