摘要: 1、event.target.dataset https://www.cnblogs.com/aichihuamei/p/6417268.html 2、HTMLElement.dataset https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLE 阅读全文
posted @ 2020-07-16 15:13 全情海洋 阅读(951) 评论(0) 推荐(0) 编辑
摘要: // 创建axios实例 const service= axios.create({ baseURL:'/api',//配置基础路径 timeout:3000 }) //请求拦截器 service.interceptors.request.use(config=>{ //发送请求,开始进度条 Npr 阅读全文
posted @ 2020-07-16 11:59 全情海洋 阅读(2141) 评论(0) 推荐(0) 编辑
摘要: 放图 home模块的vuex home.js // 引入ajax的函数 import {reqCategoryList} from '@/api' const state= { CategoryList:[] } const mutations={ RECEIVECATEGORYLIST(state 阅读全文
posted @ 2020-07-16 10:07 全情海洋 阅读(600) 评论(0) 推荐(0) 编辑
摘要: 一,新建axios文件夹,axios二次封装 Ajax.js 前后台交互模块ajax模块,对axios的二次封装 获取数据离不开ajax,所以先把ajax工具搞定 配置基础路径和超时限制 添加进度条信息 nprogress 返回的响应不再需要从data属性当中拿数据,而是响应就是我们要的数据 统一处 阅读全文
posted @ 2020-07-16 09:57 全情海洋 阅读(687) 评论(0) 推荐(0) 编辑
摘要: 描述: 编程式路由跳转到当前路由(参数不变), 会抛出NavigationDuplicated的警告错误 声明式路由跳转内部已经处理 原因:vue-router3.1.0之后, 引入了push()的promise的语法 如果没有通过参数指定成功或者失败回调函数就返回一个promise来指定成功/失败 阅读全文
posted @ 2020-07-16 09:41 全情海洋 阅读(1107) 评论(0) 推荐(0) 编辑
摘要: 需求:需要跳转到login和register组件时,footer组件影藏 路由配置项中配置meta { path:'/login', component:Login, // 用来判定底部是否隐藏 meta:{ isHide:true } }, { path:'/register', componen 阅读全文
posted @ 2020-07-16 09:25 全情海洋 阅读(883) 评论(0) 推荐(0) 编辑
摘要: 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 全情海洋 阅读(360) 评论(0) 推荐(0) 编辑
摘要: typeNav.vue 模板template 一.移入移出背景颜色显示与隐藏, <div @mouseleave="moveOut" @mouseenter="isShow=true"> <h2 class="all">全部商品分类</h2> <transition name="show"> <di 阅读全文
posted @ 2020-07-16 09:15 全情海洋 阅读(2688) 评论(0) 推荐(0) 编辑
摘要: js部分, app.vue //本来我们请求三级分类列表的功能是在TypeNav里面去做的,TypeNav组件又在 /home 路径下,加载TypeNav后,自动会发送ajax请求, //而当从 /home 路由切换到 /serach 路径后,因为 /serach 路径 也有 TypeNav组件,加 阅读全文
posted @ 2020-07-16 08:43 全情海洋 阅读(579) 评论(0) 推荐(0) 编辑
摘要: 一,使用声明式路由连接到search组件,使用组件对象(申明式路由),会让浏览器卡顿,可采用编程式路由 模板template 二, 每个连接路由使用编程式路由,效率还不是很高,因为每个类别都添加了相同的点击事件,多加了很多回调,浪费内存,可采用事件委派,给相同的父元素添加即可 <div class= 阅读全文
posted @ 2020-07-16 08:25 全情海洋 阅读(264) 评论(0) 推荐(0) 编辑
摘要: meta简单来说就是路由元信息 也就是每个路由身上携带的信息。这里简单的举两个例子:其次还有一个功能就是能够控制公共组件的显示或隐藏 原文链接:https://blog.csdn.net/Ares0412/article/details/98795576?utm_medium=distribute. 阅读全文
posted @ 2020-07-16 07:56 全情海洋 阅读(9966) 评论(0) 推荐(0) 编辑