vue尚品汇-切换页面，商品分类重复请求接口
Vue在路由切换的时候会销毁旧路由。
我们在三级列表全局组件TypeNav中的mounted进行了请求一次商品分类列表数据。
由于Vue在路由切换的时候会销毁旧路由，当我们再次使用三级列表全局组件时还会发一次请求。
如下图所示：当我们在包含三级列表全局组件的不同组件之间进行切换时，都会进行一次信息请求。
...
vue尚品汇-搜索页商品分类展示和隐藏
vue尚品汇-搜索页商品分类展示和隐藏
效果图：
1,html关键代码
2，方法
3，css代码，菜单显示会出现先显示文字，后显示背景的效果
加上overflow: hidden;可以解决。
给.sort加overflow: hidden;会导致2,3级菜单不显示
所以给.so...
vue 动画和过渡v-enter，v-enter-active，v-enter-to，v-leave，v-leave-active，v-leave-to详解
vue 动画和过渡v-enter，v-enter-active，v-enter-to，v-leave，v-leave-active，v-leave-to详解
今天学习vue的动画的时候，学到了Vue在元素显示与隐藏的过渡中，提供了 6 个 class 来切换，但是觉得类有点多，觉得记忆有点混乱，于是决定弄清楚每个类的具体作用和效...
vue项目编程式导航+事件委托实现路由跳转
编程式导航+事件委托实现路由跳转
如上图所示，三级标签列表有很多，每一个标签都是一个页面链接，我们要实现通过点击表现进行路由跳转。
路由跳转的两种方法：导航式路由，编程式路由。
对于导航式路由，我们有多少个a标签就会生成多少个router-link标签，这样当我们频繁操作时会出现卡顿现象。
...
vue项目lodash插件防抖和节流
vue中默认有lodash，不需要安装
如果没有可以安装一下npm i lodash
在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影...
vue新手入门出现function () { [native code] }错误
页面提示：
function () { [native code] }，无法出现我们想要的内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title&l...
使用VUE脚手架创建项目
使用VUE脚手架创建项目
1,全局安装@vue/cli（仅第一次执行）
npm install -g @vue/cli
2，切换到你要创建项目的目录，使用命令创建项目
vue create xxxx
安装在当前目录用：vue create .
3,启动项目
npm run ser...
Vue 2 的脚手架项目，安装 Vuex3.6.2版本。
Vue 2 的脚手架项目，安装 Vuex3.6.2版本。
npm install vuex@3.6.2 --save
在 src 目录下新建 store 文件夹，在该目录下新建 index.js
import Vue from 'vue'
import Vuex from 'vuex'
// 需要使用插件一次
Vue.use...
vue项目 nprogress进度条插件
打开一个页面时，往往会伴随一些请求，并且会在页面上方出现进度条。它的原理时，在我们发起请求的时候开启进度条，在请求成功后关闭进度条，所以只需要在request.js中进行配置。
如下图所示，我们页面加载时发起了一个请求，此时页面上方出现蓝色进度条
nprogress安装：
npm i nprogress
...
axios安装与基本方法
1，安装，使用npm安装
npm install axios
2.在主入口文件main.js中引用：
import axios from 'axios'
Vue.use(axios);
3.在组件文件中的methods里使用：
<template>
<section class="jumbo...
Vue项目，搜索多次执行相同的push问题
多次执行相同的push问题，控制台会出现警告
例如：使用this.$router.push({name:‘Search’,params:{keyword:“…”||undefined}})时，如果多次执行相同的push，控制台会出现警告。
let result = this.$router.push({name:"Search",q...
vue项目 路由传参
传参方法
字符串形式
this.$router.push(“/search/”+this.params传参+“?k=”+this.query传参)
模板字符串
this.r o u t e r . p u s h ( " / s e a r c h / + router.push("/search/+router.push("/sear...
router-link打开新页面跳转target=_blank
router-link打开新页面跳转
第一种：标签式跳转
：标签写法
<router-link target="_blank" to="/">Home</router-link>
第二种：编程式跳转
标签部分
<a href="javascript:void(0);" @click="fn"...
vue项目安装vue-router路由
vue项目安装vue-router路由
npm install --save vue-router
安装后
vue2中安装低版本路由
npm i vue-router@3
vue项目安装less-loader
组件页面样式
组件页面的样式使用的是less样式，浏览器不识别该样式，需要下载相关依赖【必须用下面的命令，vue中才不会报错Module build failed: Error: Cannot find module 'less'】
npm install --save less less-loader@5
vue2项目里可以安...
vue项目关闭eslint校验，lintOnSave:false，error 'a' is defined but never used
比如在入口文件main.js中，定义一个变量a，但是后面并未使用该变量，
则npm run serve运行程序，会提示错误
error 'a' is defined but never used no-unused-vars
如何关闭eslint校验？
打开vue.con...
关于本站
“最难不过坚持”
本人承接扒站仿站，php网站维护，病毒查杀，网站编辑，网站改版，html制作
有需要网站维护，改版，病毒查杀，网站编辑，网站备案，html制作等相关的工作可以联系我。
本人有多年相关工作经验，也可提供免费咨询，交个朋友。
有需要探讨问题的朋友，也可以加我微信，共同探讨！
微信：15011482830 QQ:408917339
2696
39
分类目录
最新评论
- https://jueru.net/
-
评 留言
- :weixiao:
-
评 留言
- :shuijiao: :weiqu: :zhenbang: :leng:
-
评 留言
- :yiwen: :yiwen: :yiwen: :yiwen:
-
评 EasySass: could not generate CSS file. See Output panel for details.
- 这个业务逻辑多少都有点奇怪了，阅读浏览次数增值在新闻详情页的控制器方法里setInc，这怎么还写进模型事件里了。如果非要用onAfterRead也可以，把新闻文章的内容单独分出来一个news_content表，然后把它和news做关联，然后给news_content表的onAfterRead事件做增值处理，这样点进新闻页内查询到文章内容时才会触发它。
-
评 TP6模型事件-查询后onAfterRead不好用
文章标签更多