随笔分类 - Vue
Vue学习
摘要：<template> <div ref="echart" :style="{ width:width, height:height }" class="echartsbox"></div> </template> <script> import * as echarts from 'echarts'
阅读全文
摘要：第一步：建立EventBus文件 在src下建立utils文件夹，utils文件夹下创立EventBus.js import Vue from 'vue'; /** * 事件总线 * @usage: * EventBus.$emit('event',payload); * EventBus.$on(
阅读全文
摘要：真的是，我找了好久的办法，试了好多次，终于在我的不懈努力下，找到了最优解 找到文件 vue.config.js （如果没有这个文件就在根目录上创建一个）将lintOnSave属性设置为false，如果没有就自己写个进去。 module.exports = {lintOnSave: false}真的非
阅读全文
摘要：使用 git bash 创建vue项目时候，无法使用上下键盘按键选择vuecli版本 解决方法: 1.当前界面，按CTR + C终止创建命令； 2.使用 alias vue='winpty vue.cmd'，更新命令环境； 3.再次使用 vue create demo创建项目； 4.如图示，即可使用
阅读全文
摘要：首先在根目录下面创建vue.config.js文件 module.exports = { devServer: { proxy: { '/api': { target: 'http://101.132.176.241', changeOrigin: true, pathRewrite: { "^/a
阅读全文
摘要：watch: { '$route' (to, from) { //监听路由是否变化 if(to.query.id != from.query.id){ this.id = to.query.id; this.init();//重新加载数据 } } },
阅读全文
摘要：https://www.kancloud.cn/wsj-/vue/652839
阅读全文
摘要：在build->webpack.base.conf.js里添加一句代码： 具体位置在module->rules下
阅读全文
摘要：解决办法： webpack utils.js 修改：（build目录下utils.js） 添加 publicPath: '../../' if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback:
阅读全文
摘要：使用 application/x-www-form-urlencoded 格式化 默认情况下，axios串联js对象为 JSON 格式。为了发送 application/x-wwww-form-urlencoded格式数据， 你可以使用一下的设置。 浏览器 Browser 在浏览器中你可以如下使用
阅读全文
摘要：1.正常引入文件路径 2.@@@一定要在文件中写入<router-view></router-view> 之后路由可正常访问
阅读全文
摘要：路由跳转 第一种： 第二种 动态路由（可传递参数） 获取路由参数
阅读全文
摘要：声明式：<router-link :to="{name:'index'}}"> 或者 <router-link to='/index'>编程式：router.push(...)方法一: this.$router.push({path:'路径')};（自己常用）方法二：this.$router.pus
阅读全文
摘要：最近在使用vue axios发送请求，结果出现跨域问题，网上查了好多，发现有好几种结局方案。1：服务器端设置跨域header(“Access-Control-Allow-Origin:*”);header(“Access-Control-Allow-Headers:content-type”);he
阅读全文
摘要：animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多种动画效果，几乎包含了所有常见的动画效果。 官网：
阅读全文
摘要：1.资源相对引用路径 找到config下面的index.js 2.背景图片的引用问题 那么就需要修改build文件夹下的utils.js代码，如图所示：
阅读全文
摘要：问题 项目在开发环境下工作正常，当打包后图片不见了，检查元素后发现路径出错了。图片路径是这样：background: url(/static/img/bg_camera_tip.bd37151.png)，但该路径下文件并不存在。 打包后文件目录如下： 可以看到背景图片的路径应该是../../stat
阅读全文
摘要：1.1.路径问题 在config下的index修改 2.jq打包报错问题 1.位置：build文件夹下的webpack.base.conf.js文件。 加入webpack对象： 2.位置：build文件夹下的webpack.base.conf.js文件（原来的位置），在下方module.export
阅读全文
摘要：qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装. 1. qs.parse()将URL解析成对象的形式 2. qs.stringify()将对象 序列化成URL的形式，以&进行拼接
阅读全文