全情海洋

2020年7月20日

摘要：一，search组件的静态页面实现以及数据获取到vuex内之前在home页，点击商品分类列表，跳转到search页，在search页我们需要获取数据，根据接口文档，需要一些请求参数，我们可从search组件的路由对象的query,params参数获取需要的请求参数，然后在beforemounted 阅读全文

posted @ 2020-07-20 18:15 全情海洋阅读(275) 评论(0) 推荐(0) 编辑

vue前台（四点二）

摘要：一，处理swiper轮播图在floor组件中，轮播图html模板 <!-- <div class="swiper-container" ref="floor1Swiper"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for 阅读全文

posted @ 2020-07-20 18:11 全情海洋阅读(148) 评论(0) 推荐(0) 编辑

vue前台（四点一）

摘要：一，mockjs模拟banner和floor接口操作，组件获取数据 1.创建mock文件夹，创建banner.json和floor.json, mockServer.js(提供服务，模拟接口) 安装mockjs npm i mockjs mockServer.js 文件内容 //正儿八经的模拟接口阅读全文

posted @ 2020-07-20 16:35 全情海洋阅读(303) 评论(0) 推荐(0) 编辑

2020年7月18日

【vue踩坑记录】3、“Error in render: "TypeError: Cannot read property '0' of undefined"”渲染错误问题

摘要：【vue踩坑记录】3、“Error in render: "TypeError: Cannot read property '0' of undefined"”渲染错误问题最后发布:2019-02-09 20:20:07首发:2019-02-09 20:20:07 原文链接：https://blo 阅读全文

posted @ 2020-07-18 12:03 全情海洋阅读(25468) 评论(0) 推荐(0) 编辑

2020年7月16日

event.target.dataset

摘要： 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) 编辑

vue前台（二）vuex的模块化

摘要：放图 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) 编辑

vue前台（二）axios二次封装，接口函数书写以及发送请求

摘要：一，新建axios文件夹，axios二次封装 Ajax.js 前后台交互模块ajax模块，对axios的二次封装获取数据离不开ajax，所以先把ajax工具搞定配置基础路径和超时限制添加进度条信息 nprogress 返回的响应不再需要从data属性当中拿数据，而是响应就是我们要的数据统一处阅读全文

posted @ 2020-07-16 09:57 全情海洋阅读(687) 评论(0) 推荐(0) 编辑

vue前台（二）解决编程式路由，多次点击，报错的问题

摘要：描述: 编程式路由跳转到当前路由(参数不变), 会抛出NavigationDuplicated的警告错误声明式路由跳转内部已经处理原因：vue-router3.1.0之后, 引入了push()的promise的语法如果没有通过参数指定成功或者失败回调函数就返回一个promise来指定成功/失败阅读全文

posted @ 2020-07-16 09:41 全情海洋阅读(1107) 评论(0) 推荐(0) 编辑

vue前台(二)在路由配置项中，配置meta属性来影藏组件

摘要：需求：需要跳转到login和register组件时，footer组件影藏路由配置项中配置meta { path:'/login', component:Login, // 用来判定底部是否隐藏 meta:{ isHide:true } }, { path:'/register', componen 阅读全文

posted @ 2020-07-16 09:25 全情海洋阅读(883) 评论(0) 推荐(0) 编辑

公告