Vue
文章平均质量分 58
云墨-款哥的博客
一个永远在路上的程序猿
展开
-
前端电商项目常用组件——放大镜
电商项目常用组件-------放大镜原创 2022-10-18 09:26:08 · 1063 阅读 · 2 评论 -
a标签的href属性与事件修饰符阻止默认行为
在一个三级联动导航里,点击a标签,遇到了路由跳转错乱问题,解决之后记录一下原创 2022-09-27 11:24:47 · 1817 阅读 · 4 评论 -
Vue3.0封装日期格式化管道(过滤器)函数
vue3.0封装日期格式化管道函数,以及使用原创 2022-06-07 17:37:13 · 2826 阅读 · 11 评论 -
axios.all()和axios.spread()解决Vue的高并发请求问题
前言我们在Vue项目开发当中经常会遇到一个组件渲染需要的基础数据可能需要向后台发送很多请求,此时,我们一一发送显然是不合理的,一般情况下我们都是使用axios.all()方法进行并发请求处理标准格式这里是在VsCode上敲出axios.all(我装了插件)自动生成的格式,可以看出axios.all接收一个数组参数,并且其是基于promise的我们一般处理并发请求,肯定不是拿到实际返回的数据,一定会对返回数据进行处理,所以axios.spread的作用就是对返回数据进行处理。axios.all([c原创 2022-04-19 14:33:48 · 7515 阅读 · 9 评论 -
解决eslint警告问题--忽略方法名和()之间没有空格警告
解决eslint警告问题--忽略方法名和()之间没有空格警告原创 2022-04-13 01:24:24 · 936 阅读 · 6 评论 -
Syntax Error: TypeError: this.getOptions is not a function
出现问题场景:vue运行项目过程中报错检查代码中并无写错的地方其实涉及到这个问题,就是版本原因了,我安装的 less-loader 版本太高,卸载安装低版本即可npm uninstall --save less-loader // 卸载npm i -D [email protected] // 安装npm uninstall --save node-;ess // 卸载npm i [email protected] // 安装// 如果node-less安装失败,也可以直接在package.json中原创 2021-11-29 23:59:47 · 395 阅读 · 4 评论 -
基于token的一个登录与退出组件
笔记1. 登录业务的相关技术点http是无状态的通过cookie在客户端记录状态通过session在服务器端记录状态通过token方式维持状态注意:如果我们的前端和后台接口之间不存在跨域问题,我们一般使用 cookie 和 session 来记录登录状态如果存在跨域问题,我们一般就使用 token 来维持登录状态2. token 原理分析token是保证用户登录成功之后的唯一身份令牌 登录页面输入用户名和密码进行登录 服务器验证通过之后生成该用户的 token原创 2021-08-26 16:56:40 · 944 阅读 · 11 评论 -
vue移动端项目使用Swiper那些坑----paginationType&observeParents
项目场景:我在移动端使用了swiper插件来做轮播图效果,ui设计稿上的分页器是分式形式的,但是swiper默认的分页器是一个圆点,我需要修改这个样式,如下图:问题描述:我按照官方文档上所说,分页器样式类型,可选‘bullets’ 圆点(默认)‘fraction’ 分式‘progress’ 进度条‘custom’ 自定义写下了这段代码data () { return { swiperOptions: { pagination: {原创 2021-07-17 00:16:11 · 1022 阅读 · 22 评论 -
vue 移动端 click事件失效问题
vue 移动端 click事件失效问题今天在写项目时遇到了一个狗血又令人头痛的问题,我的点击事件突然之间就不顶用了,但是因为我写的是移动端的项目,我把浏览器运行环境切换到pc端去做了一下尝试,发现这奇葩的点击时间又可以了,怎么搞,搞个锤子,一通百度猛如虎,心情如下经过半个小时的垂死挣扎,我突然间想起来自己使用了一个滚动插件better-scroll,会不会是他的问题呢,去看看官方文档怎么说吧,发现了这个问题问题找到了,那就上代码,哦了this.scroll = new BetterScroll(t原创 2021-07-15 17:07:54 · 1294 阅读 · 17 评论 -
Vue中$emit()方法和props属性的区别与应用
Vue中$emit()方法的应用首先,对于$emit()方法的相关定义,大家请看emit( eventName, […args] )父组件可以通过自定义属性给子组件传值,子组件通过props属性监听父元素传过来的数据子组件可以使用$emit调用父组件的方法并传递数据**ps:**这里我感觉应当是重要的事情说三遍!三遍!!三遍!!!我看了很多人的博客,第一条大家都是写父组件可以使用 props 把数据传给子组件 ,我感觉这句话有失偏颇1.父组件向子组件传值有关props:props只能是原创 2021-07-12 23:05:42 · 1414 阅读 · 29 评论 -
Vue项目中less实现样式穿透
今天在看一个慕课网上的视频时,遇到了一个小问题,问题是在我们使用轮播图插件vue-awesome-swiper时,发现轮播图分页器pagination的当前页的小圆点显示为蓝色,但是设计稿中显示为白色,效果如图因为在当前组件中的样式,我们使用了scoped属性锁定了样式作用域,所以我们要想修改这个样式就需要一些特殊设置,在视频中使用是stylus,所以它使用的是stylus的样式穿透stylus样式穿透 >>> .wrapper >>> .swiper-p原创 2021-07-07 22:30:08 · 12163 阅读 · 18 评论 -
Vue版的三级联动
Vue版本省、市、区三级联动对于初次学习前端Javascript的小伙伴来说,三级联动是一个比较复杂的逻辑,有关原生JS是如何实现三级联动的呢,大家可以去看一下我之前写的一篇博客 js原生代码实现三级联动那么我们使用Vue框架要如何实现三级联动呢?关于用Vue来实现三级联动效果,这里其实并没有太大的区别,逻辑都是一样的,难点也仍是在取数据上,我们如何能准确的获取到相应的省、市、区才是问题的关键,具体的DOM元素渲染倒不是什么难题。在写项目之前我们需要引进一下vue文件和数据文件,下面是我的v原创 2021-07-01 20:35:42 · 4480 阅读 · 18 评论