1、在main.js中，在引入axios：importaxiosfrom'axios'Vue.config.productionTip=falseVue.prototype.$axios=axios//将axios挂载在Vue实例原型上//设置axios请求的tokenaxios.defaults.headers.co...

1、template中引用图片，第一个为固定路径，第二个为动态绑定路径eg：　　<imgsrc="XXXXXX.png">　　<img:src="url">当前路径显示为：  第一个图片正常显示，第二个图片无法显示， 解决办法：2、在return的url下，添加require(...

在cmd中，运行：cnpminstallfont-awesome在 main.js 里添加import"font-awesome/css/font-awesome.css"...

1、打开build/ webpack.prod.conf.js，找到module:{　　rules:utils.styleLoaders({　　　　sourceMap:config.build.productionSourceMap,　　　　extract:true,　　　　usePostCSS:true　　...

1、安装node.js2、自定义空文件夹，名字随便3、打开文件夹，cmd运行4、全局安装vue-cli：输入npminstall--globalvue-cli，或cnpminstall--globalvue-cli5、创建一个基于webpack模板的新项目：vueinitwebpackmy-project，( ...

服务器报错如下图：此原因，是服务器配置的原因，跟build代码本身无关以ftp为例，在/etc/nginx/conf.d文件夹下，找到xxx.conf，修改成自己需要的路径即可位置如下两张图：  ...

报错如下图：或：解决办法：config/index.js中，找到build{ assetsPublicPath:'/' }，将其设置为：assetsPublicPath:'./'即可。 ...

若提示入下图时，在build/webpack.base.conf.js中，找到//constcreateLintingRule=()=>({//test:/.(js|vue)$/,//loader:'eslint-loader',//enforce:'pre',//include:[resolve('src'),...

1、项目中，cmd下，运行：cnpminstallvue-wechat-title--save2、在main.js中，设置：importVueWechatTitlefrom'vue-wechat-title'; Vue.use(VueWechatTitle)3、在router/index.js中，设置：{　　...

引入组件的时候，路径问题引入当前文件夹的另外一个文件：importZiZuJianOnefrom'ZiZuJianOne.vue'，提示：加上：“./”让把路径变成：importZiZuJianOnefrom'./ZiZuJianOne.vue'即可。...

在config文件夹下的index.js里面，查找build，在builid方法里面，添加一行：assetsPublicPath:'./'例： 在build文件夹下的utils.js里面，查找options.extract，添加一行publicPath:'../../'例：  ...

在页面的<style>后，加上scoped，例：scoped是实现样式的私有化，使样式不容易被覆盖，不容易被修改，只对当前页面有效...

公司项目目前用到了webuploader插件，目前就写一下我所遇到的下问题，其实用法也很简单，下面贴出我的代码 因为只是一个上传文件插件，而我们用到的也就是上传图片的功能，它的唯一缺点就是没有回显服务端穿过来的图片，导致每次关闭页面之后再次进来，上次上传的图片就不存在，所以我写了一个回显的代码。这里只是一张，...

昨天的例子是针对只有单个函数运行的结果，但是实际中可能会有多组函数这样同时进行，那么这个时候就要对函数进行封装传参，来实现效果了。就还拿昨天的例子来说吧，昨天写的例子实现的效果是点击按钮，让div向前移动，那么今天就扩展一下，点击按钮让div向后移动，想要实现这个效果，就必须要传参了，来看代码：css代码<sty...

之前的博客有一个图片切换的例子，实现了简单轮播图的点击切换的案例，今天就说一下多组轮播切换，前提是布局差不多，通过函数传参的形式减少代码应用，但是同时还能实现效果。先来看一下之前那个例子的实现图片：那么今天我来实现两组这样的图片切换，通过传参数来实现，这样分可以减少js代码：<divclass="box"id="...