一定要将静态资源引入 【 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" ...
1、前言vue构建的项目中，vuex的状态存储是响应式的，当vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会得到高效刷新，问题来了，vuex存储的数据只是在页面中，相当于我们定义的全局变量，刷新之后，里面的数据就会恢复到初始化的状态。比如，用户已经登录了，我把登录状态放到state中了，一刷新页面，还要重新登录？购物车里的添加的数据，一刷新要重新添加？2、使用场景 vuex存取值一般都是放在co...
刚开始我用vue create hello-world 命令新建项目然后用向下箭头选中Manually select features配置项，最后点击Enter，没起作用，项目还是按照默认的配置default（babel,eslint）走；解决方法：按官网提示的 使用winpty vue.cmd create hello-world 命令创建项目，向下箭头选中Manually select features配置项，最后点击Enter会弹出可配置项。官网提示：如果你在 Windows 上通过 minTTY 使用 Git Bash，交互提示符并不工作。你必须...
Electron-vue解决跨域博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！介绍在前后端分离开发的时候就会遇到跨域的问题，在本地调试的时候可能不会出现什么太大的问题，但是上线部署的时候难免会遇到问题解决在.electron-vue下面的dev-runner.js里面的WebpackDevServer添加配置代码proxy: {‘/api‘: {// 请求的目标服务器地址target: ‘https://www.domain...
组件复用 当前组件被复用（没有被销毁或者创建）的时候，路径会发生改变，但是，值不会发生改变因为：created(){}接收值，但是created只创建一次，在create中接收路径传来的值，所以接收到的值不会发生改变解决方法：监听路由的变化 $route()使用场景：当 一个组件被复用的时候，虽然路由发生变化，但页面上的数据不会发生变化 比如： 从列表页list点击商品，进入商品详情页details查看商品的详细信息,当点击商品时，跳...
前言Vue-Router 作为 Vue 的核心模块，它为我们提供了基于组件的路由配置、路由参数等功能，让单页面应用变得更易于管理。良好的路由管理尤为重要，比如路由拦截、路由懒加载、路由权限等都在开发中起着至关重要的作用。同时路由还支持视图过渡效果，没有添加过渡动画的路由切换会感觉很生硬，为了提高用户体验，路由过渡还是很有必要的。毕竟做出来，自己看着也舒服。 过渡动效文档：https://cn.vuejs.org/v2/guide/transitions.h...
在开发中发现其中一个页面moutned调用了两次，而其他页面正常，表示很懵逼，然后查找原因，终于找到了，其实归根到底是要知道mounted的调用机制问题； 情况：在这个页面中出现了mounted 加载了两次的情况；方法：排除法首先把 this.$store.commit() 方法注释掉，发现就好了，只加载一次初步判断是commit 方法导致的二 验证判断是否正确，不使用commit 方法，该用直接改变变量状态的方法，发现又加载了两次；再次判断，不是由于c...
1.设置koa2服务器从本地代理转发修改:项目/config/index.js-->dev中proxyTable: { ‘/api‘: { target: ‘http://localhost:3000‘, changeOrigin: true, pathRewrite: { //需要rewrite重写的, 如果在服务器端做了处理则可以不要这段 ‘^/api/‘: ‘‘ } } },//--------------------------------------------------dev: { e...
项目场景：最近需要做一个前后端分离的项目，准备使用Vue的前端项目管理进行前端项目的创建。问题描述：在输入vue ui命令打开前端项目管理器时就出现了这样的问题。 这个错误影响很大，虽然前端项目管理器可以打开，但是当你尝试创建vue项目时，会发现一顿操作之后，控制台最终报错。搜索了很多解决方法，有人说是vue版本的问题，还有人说是node.js版本的问题。经过一番操作之后，问题依然没有解决。原因分析：偶然看了一个博主说...
<ul class="nij"><li v-for="item in nav" @click="selectNav(item.title)"><p :class="isSelect === item.title ? ‘active‘ : ‘‘">{{item.title}}</p></li></ul>data:function(){ return{ isSelect: ‘senUs‘, nav: [ {title: ‘senUs‘}, {title: ‘senGermany‘}, {title: ‘senFrance‘}, ...
用vue做一款APP开发的时候，在本地文件中引入好font字体文件和字体CSS文件后，运行项目的时候总是提示：Failed to decode downloaded font:，字体图标就显示为一个方框，但是我检查了好几次确定不是引入路径的问题，路径都是对的，也百度了好久，始终没有百度出来。错误提示图片如下：就在我快绝望，想换个字体图标库的时候，我去看阿里适量图标库里面有个生成代码的功能，如下图： 然后，我把这个代码复制到了fontcss文件中，奇迹...
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...
一、在子路由前面加上父路由路径{path: "/foundMusic",component: FoundMusic,children: [{ path: "/foundMusic/newdisc", component: NewDisc },{ path: "/foundMusic/radio", component: Radio },{ path: "/foundMusic/rank", component: Rank },{ path: "/foundMusic/recommend", component: Recommend },{ path: "/foundMusic/singer", component: Singer },{ path: "/foundMusic/songs", component: Songs },] }二、使用.rout...
cli2版本： 将 config/index.js 里的 assetsPublicPath 的值改为 ‘./‘ 。build: {...assetsPublicPath: ‘./‘,... } cli3版本： 在根目录下新建 vue.config.js 文件，然后加上以下内容：（如果已经有此文件就直接修改）module.exports = {publicPath: ‘‘, // 相对于 HTML 页面（目录相同） } 参考链接： 1. vue打包静态资源路径不正确的解决办法 2. Vue cli 3 build时怎么修改assets public path为相对路...
出现这个问题，控制台会报[NavigationDuplicated?{_name: "NavigationDuplicated", name: "NavigationDuplicated"}]。其原因在于Vue-router在3.1之后把$router.push()方法改为了Promise。所以假如没有回调函数，错误信息就会交给全局的路由错误处理，因此就会报上述的错误。如果你仔细观察并复现了多次错误你会发现，vue-router是先报了一个Uncaught (in promise)的错误(因为push没加回调)，然后再点击路由的时候才会触发Navigatio...