搜索“vue” -技术 - 个人学习记录

taotaoit 0 0

1182 0 2022-11-21 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详解

web 0 0

985 0 2022-11-21 Vue

vue 动画和过渡v-enter，v-enter-active，v-enter-to，v-leave，v-leave-active，v-leave-to详解今天学习vue的动画的时候，学到了Vue在元素显示与隐藏的过渡中，提供了 6 个 class 来切换，但是觉得类有点多，觉得记忆有点混乱，于是决定弄清楚每个类的具体作用和效...

vue项目编程式导航+事件委托实现路由跳转

web 0 0

1073 0 2022-11-21 Vue

编程式导航+事件委托实现路由跳转如上图所示，三级标签列表有很多，每一个标签都是一个页面链接，我们要实现通过点击表现进行路由跳转。路由跳转的两种方法：导航式路由，编程式路由。对于导航式路由，我们有多少个a标签就会生成多少个router-link标签，这样当我们频繁操作时会出现卡顿现象。 ...

vue项目lodash插件防抖和节流

web 3 0

1435 0 2022-11-20 Vue

vue中默认有lodash，不需要安装如果没有可以安装一下npm i lodash 在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影...

vue新手入门出现function () { [native code] }错误

web 0 0

1013 0 2022-11-20 Vue

页面提示： function () { [native code] }，无法出现我们想要的内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title&l...

使用VUE脚手架创建项目

taotaoit 0 0

1002 0 2022-11-19 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版本。

web 1 0

1315 0 2022-11-19 Vue

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进度条插件

web 0 0

1103 0 2022-11-17 Vue

打开一个页面时，往往会伴随一些请求，并且会在页面上方出现进度条。它的原理时，在我们发起请求的时候开启进度条，在请求成功后关闭进度条，所以只需要在request.js中进行配置。如下图所示，我们页面加载时发起了一个请求，此时页面上方出现蓝色进度条 nprogress安装： npm i nprogress ...

Vue项目，搜索多次执行相同的push问题

web 0 0

1357 0 2022-11-17 Vue

多次执行相同的push问题，控制台会出现警告例如：使用this.$router.push({name:‘Search’,params:{keyword:“…”||undefined}})时，如果多次执行相同的push，控制台会出现警告。 let result = this.$router.push({name:"Search",q...

vue项目路由传参

web 0 0

1072 0 2022-11-17 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...

vue项目安装vue-router路由

taotaoit 0 0

1001 0 2022-11-17 Vue

vue项目安装vue-router路由 npm install --save vue-router 安装后 vue2中安装低版本路由 npm i vue-router@3

vue项目安装less-loader

web 0 0

1132 0 2022-11-17 Vue

组件页面样式组件页面的样式使用的是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

taotaoit 0 0

1215 0 2022-11-16 Vue

比如在入口文件main.js中，定义一个变量a，但是后面并未使用该变量，则npm run serve运行程序，会提示错误 error 'a' is defined but never used no-unused-vars 如何关闭eslint校验？打开vue.con...

vue项目npm run serve默认浏览器打开

web 0 0

2296 0 2022-11-16 Vue

1、在vue项目中，输入命令行 npm run serve 浏览器实现自动打开功能，需要添加在配置文件（package.json）中添加 --open 2、浏览器自动打开后，可能会出现网址0.0.0.0:8080页面错误，见图 3、解决方法：在--open后面再加上--...

vue错误：无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。

web 0 0

1583 0 2022-11-16 Vue

vue错误：无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。所在位置行:1 字符: 1 解决方法：安装一下vuecli就可以啦 npm install -g @vue/cli

如何解决axios.then回调中“response‘已定义但从未使用”的问题error 'response' is defined but never used

web 0 0

1832 0 2022-11-15 Vue

我正在使用Axios提交一个Post请求，如果请求成功，我想给用户一些确认。但是，我不需要使用response变量，因此我得到了一个eslint错误。如何解决这个问题？ axios.post('/api/option.json', { choices: myChoices }) .then(response =&g...

加载更多

关于本站