最近在使用 DatePicker 日期选择器时，发现再次给DatePicker上的model赋值出现不成功的情况，但是一开始进入页面的时候在created中调用方法却能够赋值成功，这是为什么呢？疑问油然而生，经过浏览器后台打印，发现model上是有值并且是正确，这个时候我便想到了 this.$set( ) 函数，这个方法专治数据视图不同步更新问题，使用该方法后问题便轻松解决。关于this.$set

element ui 实现table序号递增：(page - 1) * pageSize + scope.$index + 1 // (当前页 - 1) * 当前显示数据条数 + 当前行数据的索引 + 1应用：<el-table-columnlabel="序号"type="index"width="40"...

编码都是以需求为导向的，所以编码前一定要弄清楚需要的结果是什么，然后再开始编码。现在简单的说下需求：如下图所示，点击蓝色的“+”按钮，可以连续生成多个图片上传框，每个图片上传框都是单独上传图片，编辑互不影响。element ui:<div class="form-right"><div class="right_b...

有不少童鞋在使用element ui的vue项目中不知道如何做验证，如果直接在element ui上写keyup事件会报错，这是因为element ui会默认自动在元素的上层封装一个div，这样我们写的keyup事件实际是写在div上，所以会报错。那么就说说解决办法，首先我们可以使用最简单的办法解决报错，那就是在keyup后面直接加.native就能解决了，写法：@ keyup.native ;

只需要在config文件夹里面的index.js文件里面的module.exports下面的dev中的 host:'localhost'改为 host:'0.0.0.0' ,就可以访问了。

当数据不是很多的时候，后端会要求前端来实现分页功能。那么下面讲下怎么使用element来实现前端做分页功能。由于功能比较简单，那么就直接上代码：// 计算当前页面的数据tableList() {// this.displayData是当前页面要显示的数据this.displayData=[]for (　　　　// pagesize是当前页面要显示...

以往我们都是使用一个标签直接打开URL地址进行下载，但是在某个VUE项目中我遇到后端PHP要求使用GET请求进行下载的excel表，由于是第一次遇到这样的需求，有点不知所措。所以就立马百度一下，哈哈，网上还有不少大神遇到过这样的需求，还真被我找到了。但是每个项目都有自己不同的需求，我们可以参考别人的然后进行相应修改，以下是我在项目中写法：//这个是请求接口数据export const e...

我们项目现在有这样一个需求，通过select元素来选择音频文件的名称，点击按钮可以进行试听。话不多说，直接上代码：HTML：<div class="testVoice"><p class="p-title">提示声音:</p><el-select v-model

最近有一个需求就是：要求显示两个数之间的匀速滚动效果。一开始我是直接从网上找了一个插件，但是这个插件并不是匀速滚动的，这就导致当页面刷新后显示的数字不是刷新之前的，这样肯定不行啊，那么我们就思考将24小时分成若干等份来计算，下面直接贴代码：// 滚动效果数值计算getTimeDatas(start, end) {console.log(start, end, 96...

 一切还是以需求为导向！如下图所示：这是要求作出的效果。经过我综合考虑发现ztree插件与需求契合度比较高，所以果断的使用了该插件进行开发。简单说下需求：管理目录层级有四个子菜单，可以新建父目录和子目录以及对目录进行相关编辑操作。相信大家遇到的第一个问题就是如何使用ztree插件，没错！那自然要跑到ztree官网去看文档，熟读文档是必不可少的！读完文档后，那怎么在vue框架中配置ztree...