在项目中使用了element的el-upload上传图片组件，需求是上传一张图片而已，但是发现上传完以后一张图片后在旁边再生成一个上传图片的按钮就像这样，实在是接受不了，并且需求是上传之后没有这个上传按钮，删除图片之后再出现。首先我通过浏览器找到了这个上传图片按钮的class名称为.el-upload–picture-card 我知道不可以直接修改，所以决定给这个组件绑定一个class名...

vue2使用animate css安装安装的方式有很多种1.在html文件中直接引用从github上下载的资源<link rel="stylesheet" href="vue2-animate.min.css">2.如果使用webpack并且用对了css-loader可以使用npm 安装npm安装包依赖npm install --

在开发项目时请求数据经常会遇到跨域问题，还好使用vue配置反向代理还是很简单好用的，但是在项目要进行打包上线时会遇到一个问题，反向代理只适用于开发环境下，生产环境是不支持的，也就是说如果不对接口进行处理的话是会报错的，那么我们应该如何解决这个问题呢？一.config文件夹下dev.env.js中开发环境下使用了反向代理解决跨域问题module.exports = merge(prodEnv,...

动态路由是什么?一般我们使用vue-router配置路由时，都是直接配置固定的路径而动态路由是我们可以在 vue-router 的路由路径中使用“动态路径参数”让路径不再是固定的。动态路由的使用场景是什么？比如在写一个商品详情页面的时候，我们的页面结构都一样，只是渲染的数据不同而已，这时候就可以根据商品的不同id去设置动态路由，只需要写一个组件，就可以把每个商品的商品详情映射到同一个组件...

在使用vue的过程中免不了要组件之间传值，那么这里就说一说传值的几种方法和怎么使用先来看一张图引用官网的一句话：父子组件的关系可以总结为 prop 向下传递，事件向上传递。父组件通过 prop 给子组件下发数据，子组件通过事件给父组件发送消息，如下图所示：一.父组件向子组件传值来，先上代码父组件:<template><div>父组件:&amp

一.添加内容在vue工程目录build文件夹下webpack.dev.conf.js与webpack.prod.conf.js文件中的html-webpack-plugin添加一条favicon:'favicon文件的相对路径’例如：new HtmlWebpackPlugin({filename: 'index.html',template: 'index.ht...

在Vue中构建工程目录时，会有对话提示是否安装router，这里就不再多说，直接开始说一说vue中路由跳转的几种方法。使用之前需要在工程目录router文件夹中index.js文件中引入及配置路径。例如：一.router-link<router-link :to='/City'>//需要跳转到的页面的路径这是在视图层内标签形式的跳转方式，浏览器会将router-link

在vue中当我们要实现点击元素动态添加类名时，我们不能像JQ那样去用（xxx.addClass(‘class’).siblings().removeClass(‘class’)）实现，那我们应该怎样去做呢解决方案：1.在data里面申明一个属性，默认值最好为数字类型，并且不得大于当前元素+所有兄弟元素的length，可以默认为0（第一个元素选中）2.在当前元素中添加动态class： “:cl...

之前用Vue+element写了一个后台管理系统，在登录时使用axios请求数据传参时无法正常的获取数据。之后也是一通百度，发现原因是传递参数要将参数序列化。这里使用了qs插件：简单来说，qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。在项目中使用命令行工具输入：npm install qs安装完成后在需要用到的组件中：import qs from'qs’具体使用中我查...

话不多说，直接进入正题！先来了解一下react的生命周期函数有哪些：组件将要挂载时触发的函数：componentWillMount组件挂载完成时触发的函数：componentDidMount是否要更新数据时触发的函数：shouldComponentUpdate将要更新数据时触发的函数：componentWillUpdate数据更新完成时触发的函数：componentDidUpdate...