组件
文章平均质量分 84
项目中应用组件时遇到的各种问题以及解决方案。
meichaoWen
前端工程师
展开
-
【Sass】Sass预处理器的介绍和使用方法
Sass 是项目中常用的一种 CSS预处理器。虽然一直在项目中应用,但是真正高阶、重要的特性,却一直没有用过。所以,让我们一起重新学习,在项目里用起来。原创 2023-05-14 18:19:05 · 558 阅读 · 0 评论 -
【vue-awesome-swiper】vue-awesome-swiper设置loop:true不起作用
一、问题描述开始用本地数据,轮播正常;后来用接口数据,就不能循环滑动了。二、问题原因页面渲染的时候,数据未加载完成。三、解决方案方法1、 v-if="list.length" <swiper ref="mySwiper" :options="swiperOption" v-if="list.length"> <swiper-slide v-for="item of list" :key='item.id'> <img原创 2020-11-06 22:48:11 · 912 阅读 · 1 评论 -
【better-scroll】执行路由跳转时报错:Avoided redundant navigation to current location: “/“
一、报错二、报错原因重复路由跳转。因为点击事件执行了两次,造成了路由重复跳转。<template><div> <div class="search"> <input type="text" v-model="keyword" placeholder="请输入城市名或拼音" class="search-input"> </div> <div class="search-content" ref="sear原创 2020-11-20 18:11:57 · 266 阅读 · 0 评论 -
【better-scroll】better-scroll滚动时,滚出容器外覆盖其他元素(踩坑指南)
滚动时:覆盖了头部的搜索框解决方案:overflow hidden,也就是,滚动元素要设置溢出隐藏。原创 2020-11-13 23:49:03 · 584 阅读 · 0 评论 -
【better-scroll】better-scroll移动端的滚动组件(不会出现滚动条)
github地址:https://github.com/ustbhuangyi/better-scroll当 better-scroll 遇见 Vue:https://zhuanlan.zhihu.com/p/27407024一、安装npm install better-scroll --save二、在Vue项目中应用<template> <div class="wrapper" ref="wrapper"> <ul class="cont原创 2020-11-12 23:31:35 · 502 阅读 · 0 评论 -
【vue-awesome-swiper】vue-awesome-swiper最新版不显示分页器pagination
一、版本说明:vue-awesome-swiper v4.1.1Swiper v6.3.3分页器不显示的问题,并没有解决,我是降低了版本。因为我看最新版本是近半个月才升级,swiper的官网api尚不完善,再加上项目并非一定要使用最新版本,所以就降低了版本。降低后:vue-awesome-swiper v3.1.3Swiper v4.5.1二、问题介绍我是参照github进行操作的,第1步:执行安装命令npm install swiper vue-awesome-sw原创 2020-10-29 15:01:48 · 2137 阅读 · 2 评论 -
【better-scroll】使用better-scroll,容器内点击事件不起作用
文档地址:https://better-scroll.github.io/docs/en-US/一、不可点击的原因二、解决方案在定义组件时,加上 click:true.this.scroll = new BScroll(this.$refs.search, {click: true})原创 2020-11-21 23:07:24 · 208 阅读 · 0 评论