工欲善其事必先利其器,安装所需环境node和npm的安装 首先需要安装node环境，直接到官网下载安装包 https://nodejs.org/zh-cn/ 安装node默认安装npm， 不需要重复安装npm。安装完成后，可以命令行工具中输入 node -v 和 npm -v，如果能显示出版本号，就说明安装成功。下载dev-tool工具 为了以后调式做准备 https://github.com/vuejs/vue-devtools#vue-devtools安装全局vue-cli脚手架 npm install -g vue-cli 出现如下问题： npm ins...
问题描述使用@import引入外部css，作用域却是全局的<template></template><script>export default {name: "user"}; </script><!-- Add "scoped" attribute to limit CSS to this component only --> <style scoped> @import "../static/css/user.css"; .user-content{background-color: #3982e5; } </style>Add "scoped" attribute to limit CSS to this component only这句话大家应该是见多了, 我也使用scoped, 但是使用@import引...
上周遇到这样一个问题，客户上传高清视频（1G以上）的时候上传失败。 一开始以为是session过期或者文件大小受系统限制，导致的错误。 查看了系统的配置文件没有看到文件大小限制， web.xml中seesiontimeout是30，我把它改成了120。 但还是不行，有时候10分钟就崩了。 同事说，可能是客户这里服务器网络波动导致网络连接断开，我觉得有点道理。 但是我在本地测试的时候发觉上传也失败，网络原因排除。 看了日志，错误为： java.lang...
需求需要根据不同的角色来显示不同的菜单问题系统是前后分离模式开发的，出现了后端接口和前端路由都需要权限管理。思路后端的接口肯定得验证权限前端的路由通过后端发回的json动态生成，对于比较细粒度的可以通过css来控制和隐藏方案使用vue-router的router.addRoutes(routes)来动态生成路由。注意事项vue-router 是按照路由表里的顺序来查找路由的，如果你的404页面在动态添加的路由前面，则需要把404路由单独移出来，最后再添加...
用Vue做项目开发很久了，对于vuex能用、会用，但是因为状态脱离页面和刷新丢失两个原因，一直都有种抵触，特别是一些简单的数据都是通过query或者本地存储就解决了，然而对于一些复杂内容，不可避免的还是要使用Vuex去处理(真香)，但是刷新丢失的问题，的确叫人头大。最近闲下来，我们来研究下怎么干掉这个问题～不大了解Vuex的同学，可以先去官网溜溜由于Vuex的数据是存储在内存中的，相当于memory cache，当页面刷新的时候内存被...
列表进入详情页的传参问题本地开发环境请求服务器接口跨域的问题axios封装和api接口的统一管理UI库的按需加载如何优雅的只在当前页面中覆盖ui库中组件的样式定时器问题rem文件的导入问题Vue-Awesome-Swiper基本能解决你所有的轮播需求打包后生成很大的.map文件的问题fastClick 的300ms延迟解决方案组件中写选项的顺序路由懒加载（也叫延迟加载）开启gzip压缩代码详情页返回列表页缓存数据和浏览位置、其他页面进入列表页刷洗数据的...
可以在vue路由新增scrollBehavior，控制跳转页面高度import Router from ‘vue-router‘new Router({scrollBehavior (to, from, savedPosition) {return { x: 0, y: 0 }}})原文：https://www.cnblogs.com/uimeigui/p/11788522.html
Vue.js3 之 跨域问题解决方案通常情况下, Vue项目需要向后端或者第三方的API取数据, 此时会涉及到跨域问题, 以及跨多个域的问题.网上给了很多方案, 但是都解决不了我的问题.我的问题如下: 1. Vue项目的端口为9999 2. 后端项目的端口为9991 3. 第三方API为固定域名且端口为默认值如果前后端项目都部署在同一台服务器的同一个域中, 只要手动将port改变一下即可, 不用考虑问题, 但是涉及到不同服务器的不同域的情况下则需要, 配置跨域...
一定要将静态资源引入 【 require("@/assets/") 】，绑定到 模型绑定的:src 数据中 动态的数据才能有效 <template> <div> <el-card class="box-card"> <div slot="header" class="clearfix"> <span>动态列表</span> <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button> </div> <div class="list"> <el-table ref="multipleTable" ...
import lodash from ‘lodash‘<input v-on:onclick ="doStuff">methods: { doStuff:loadsh.debounce(function () { // ... }, 500)} 每天学习一点点 编程PDF电子书免费下载： http://www.shitanlife.com/code原文：https://www.cnblogs.com/scode2/p/8671948.html
项目场景：最近需要做一个前后端分离的项目，准备使用Vue的前端项目管理进行前端项目的创建。问题描述：在输入vue ui命令打开前端项目管理器时就出现了这样的问题。 这个错误影响很大，虽然前端项目管理器可以打开，但是当你尝试创建vue项目时，会发现一顿操作之后，控制台最终报错。搜索了很多解决方法，有人说是vue版本的问题，还有人说是node.js版本的问题。经过一番操作之后，问题依然没有解决。原因分析：偶然看了一个博主说...
1、使用html-webpack-plugin-for-multihtml组件。在build - webpack.dev.conf.js文件中： const HtmlWebpackPlugin = require(‘html-webpack-plugin‘) 替换为 const HtmlWebpackPlugin = require(‘html-webpack-plugin-for-multihtml‘)2、multihtmlCache: true, // 解决多页热部署的关键 这里这里这里这里这里很重要！！！for (var pathname in pages) {// 配置生成的html文件，定义路径等var conf = {filename: p...
出现这个问题，控制台会报[NavigationDuplicated?{_name: "NavigationDuplicated", name: "NavigationDuplicated"}]。其原因在于Vue-router在3.1之后把$router.push()方法改为了Promise。所以假如没有回调函数，错误信息就会交给全局的路由错误处理，因此就会报上述的错误。如果你仔细观察并复现了多次错误你会发现，vue-router是先报了一个Uncaught (in promise)的错误(因为push没加回调)，然后再点击路由的时候才会触发Navigatio...
（用vscode）vue项目打包时，报错，报错信息如下：ERROR in static/js/0.564c764efc3ecf31190c.js from UglifyJs Unexpected token: punc (() [App.vue?4b081dc6:15,0][static/js/0.564c764efc3ecf31190c.js:89,9]ERROR in static/js/1.ba486a70bd6d5d196b1f.js from UglifyJs Unexpected token: punc (() [App.vue?9b59fb70:15,0][static/js/1.ba486a70bd6d5d196b1f.js:89,9]ERROR in static/js/2.b1b899693213f2c6f714.js from U...
error:./common/http.js in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-opt 解决方案： 1.检查路径：检查引入的组件路径是否正确，同级路径最好加上./ 2.检查引入的组件注册了是否应用，若没应用也可能导致报错 3.检查项目文件是否设置为了只读，可右键查看属性取消只读试试原文：https:...