项目中使用到了，记录一下下面是HTML中使用el-upload，其中可以定义一些需要的属性或方法，使用可以参照element-ui官方手册上传的文件限制为Word，txt，Excel表格<el-uploadref="upload"class="upload":action="uploadUrl()":on...

使用element-ui，使用el-upload上传图片，上传图片后再次打开还是会有原来的图片，想要清空原来上传的图片，只需要在组件上绑定ref，在提交成功后的方法里调用this.$refs.upload.clearFiles();就可以清除原来上传的文件。具体如下：<el-uploadref='upload'class="upload-demo"action=&

首先是页码组件上要绑定一个ref，然后通过ref找到这个组件，然后重置为1，例子如下：<el-paginationref="Pagination"class="pages"@current-change="queryCurrentPage":current-page.sync="currentPage".

做项目时遇到使用循环组件，因为模式一样，只有数据不一样。但是按照普通的组件调用格式来做时报错，错误信息为Unknown custom element:- did you register the component correctly? For recursive components, make sure to provide the "name" option.查询了官方文档，还有其他

最近前后端有点不协调，用了一下mockjs，下面记录一下我的环境是webpack+npm+vue，首先就用npm安装mockjs，安装命令是 npm install mockjs --save-dev，使用淘宝镜像也是可以的，就是使用cnpm替换npm，一样的效果安装好mockjs后，在main.js里引入mockjs// 引入mockjsrequire('./mock.js')

HTML：{{progress}}%css：div.progressContainer{height: 20px;width: 96%;border-radius: 10px;background-color: #ddd;margin

在vue中使用v-if时遇到的问题记录v-if和v-else之间不能加入其它的元素，否则会报错，错误为：v-else used on element <input> without corresponding v-if，错误示例如下：<input type="text" v-if="id===0">&a

HTML：{{tag}}js:官方例子：directives: {focus: {// 指令的定义inserted: function (el) {el.focus()}}}我的：directives: {focus:function (el) {

项目中使用到了，记录一下下面是HTML中使用el-upload，其中可以定义一些需要的属性或方法，使用可以参照element-ui官方手册上传的文件限制为Word，txt，Excel表格<el-uploadref="upload"class="upload":action="uploadUrl()":on...

需求是：需要某个路由不能通过浏览器返回，同时不影响相互之间的切换整理一下解决方法 和 使用方法：1.在路由配置中给这个路由添加meta信息，比如:{path: '/home',component: xxx,meta: {allowBack: false}}2.在全局的router.beforeEach函数里面获取allowBack的状态，同