全情海洋

2020年7月16日

摘要： typeNav.vue html部分 <transition name="show"> <div class="sort" v-show="isShow"> <div class="all-sort-list2" @click="toSearch"> <div class="item" v-for= 阅读全文

posted @ 2020-07-16 09:19 全情海洋阅读(379) 评论(0) 推荐(0)

vue前台（三）移入移出背景颜色显示与隐藏，移入移出列表显示与隐藏

摘要： typeNav.vue 模板template 一.移入移出背景颜色显示与隐藏， <div @mouseleave="moveOut" @mouseenter="isShow=true"> <h2 class="all">全部商品分类</h2> <transition name="show"> <di 阅读全文

posted @ 2020-07-16 09:15 全情海洋阅读(2767) 评论(0) 推荐(0)

vue前台 (三)优化三级分类请求次数（发送ajax次数）

摘要： js部分, app.vue //本来我们请求三级分类列表的功能是在TypeNav里面去做的，TypeNav组件又在 /home 路径下，加载TypeNav后，自动会发送ajax请求， //而当从 /home 路由切换到 /serach 路径后，因为 /serach 路径也有 TypeNav组件，加阅读全文

posted @ 2020-07-16 08:43 全情海洋阅读(599) 评论(0) 推荐(0)

vue前台（三）采用申明式导航去点击连接到其他组件(采用事件委派方式)

摘要：一，使用声明式路由连接到search组件，使用组件对象（申明式路由），会让浏览器卡顿，可采用编程式路由模板template 二，每个连接路由使用编程式路由，效率还不是很高，因为每个类别都添加了相同的点击事件，多加了很多回调，浪费内存，可采用事件委派，给相同的父元素添加即可 <div class= 阅读全文

posted @ 2020-07-16 08:25 全情海洋阅读(279) 评论(0) 推荐(0)

浅谈Vue中的路由配置项meta

摘要： meta简单来说就是路由元信息也就是每个路由身上携带的信息。这里简单的举两个例子:其次还有一个功能就是能够控制公共组件的显示或隐藏原文链接：https://blog.csdn.net/Ares0412/article/details/98795576?utm_medium=distribute. 阅读全文

posted @ 2020-07-16 07:56 全情海洋阅读(9991) 评论(0) 推荐(0)

2020年7月15日

vue前台（三）函数防抖和节流，lodash

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-07-15 15:15 全情海洋阅读(1543) 评论(0) 推荐(0)

vuex的mapState 辅助函数

摘要：当一个组件需要获取多个状态的时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，我们可以使用 mapState 辅助函数帮助我们生成计算属性，让你少按几次键： // 在单独构建的版本中辅助函数为 Vuex.mapState import { mapState } from 'vuex 阅读全文

posted @ 2020-07-15 08:32 全情海洋阅读(605) 评论(0) 推荐(0)

2020年7月14日

Vue使用NProgress

摘要： NProgress是页面跳转是出现在浏览器顶部的进度条官网：http://ricostacruz.com/nprogress/github：https://github.com/rstacruz/nprogress 如下图所示，绿色的进度条就是NProgress实现的效果 1、安装$ npm ins 阅读全文

posted @ 2020-07-14 18:06 全情海洋阅读(637) 评论(0) 推荐(0)

axios拦截器

摘要：最近在项目中要用到拦截器，坦白说是第一次听说这玩意，所以资料查了好久，现在也算是明白了拦截器的作用。我的理解就是拦截每一次你的请求和响应，然后进行相应的处理。比如一些网站过了一定的时间不进行操作，就会退出登录让你重新登陆页面，当然这不用拦截器你或许也可以完成这功能，但是会很麻烦而且代码会产生大量重复阅读全文

posted @ 2020-07-14 16:12 全情海洋阅读(236) 评论(0) 推荐(0)

编程式路由跳转到当前路由, 控制台抛出NavigationDuplicated的错误

摘要： router.push 的语法规则如下： router.push(location（导航路径）, onComplete（成功的回调）?, onAbort?（失败的回调）)router.push(location).then(onComplete).catch(onAbort)router.repla 阅读全文

posted @ 2020-07-14 12:53 全情海洋阅读(304) 评论(0) 推荐(0)

公告