as965874的博客

一、离开当前页面之前保存滚动条高度我的项目页面切换用到了elementUI的tabs组件,所以每次页面切换前都会调用beforeLeaveTab方法，故在该方法中保存离开页面时滚动条的高度。 beforeLeaveTab(tab, event) { //参数tab是要进入的页面的唯一值，event是要离开的页面的唯一值。 let _this = this // 存滚动条位置 if (_this.$el.querySelector('.tableQh'

使用场景:在项目中要使用表格数据，当某一行数据处于勾选状态时，对改行某些数据进行校验。el-form el-table嵌套代码块重要代码对表格数据赋予动态prop，并控制只有数据处于勾选状态下才会校验该行。 <el-form-item :prop=" 'bpaData.Alternator.' + scope.$index + '.buslinename' " :rules="

一、封装的分页组件<template> <div :class="{ hidden: hidden }" class="pagination-container"> <el-pagination :background="background" :current-page.sync="currentPage" :page-size.sync="pageSize" :layout="layout" :pag

一、封装的表格组件<template> <div> <el-row> <el-col :span="24"> <el-table :data="tableData" border v-loading="load"> <template v-for="(item, index) of table"> <!--if判断的是父组件传的表头是操作的id名

需求：最近碰见一个需求，有三万多条数据,用户点击全选按钮，要将三万条数据全部选中。template <el-checkbox v-model="datCheckAll" style="float: right" label="全选" v-show="activeName == 'dat'" :indeterminate="isIndeterminate" @change="handleCheckAll

需求，项目中的登录页面用到了验证码，后端生成啦图片数据，前端调取接口获取数据，显示在页面template <el-form-item prop="code"> <el-input ref="code" prefix-icon="el-icon-document-checked" clearable placeholder="验证码" v-m

原文链接：原文链接

需求：在当前也勾选表格某一行之后，当再次跳转回该页面之后，原来已经勾选了的还保持选中状态一 table树形添加row-key="id" <el-table border :data="treeTableData" row-key="id" ref="multipleTable" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }" style="

需求：表格组件只可以同时选中一行，若已有某一行被选中，则再次点击其他行时，已选中的当前行变为未选中状态。实现只可以选中一行template <el-table height="94.8%" ref="multipleTable1" type="index" border style="width: 96%; border-bottom: 1px solid black" :da

今天使用post方法向后端请求数据，始终不成功，最后在方法请求头中加上 ‘Content-Type’: ‘application/json;charset=UTF-8’，请求成功 async bpaParams() { const res = await this.$http.post( '/acline/datbpagenerate', JSON.stringify(data), { headers: {

需求：常见的传递参数都是将参数写在花括号里面，但是有时候花括号并不适合，可以选择将参数拼接到接口后面let url = this.paramConfig.httpPath + '/basedata/download?baseDataID=' + ss.join(',') + '&Area=' + window.sessionStorage.getItem('userArea')完整的代码如下，实

overflow属性为hidden时，最后一行显示不全 .el-table { overflow: hidden;} overflow属性为auto时，最后一行可以显示.el-table { overflow: auto;}

需求分析：点击按钮会弹出一个弹框，弹框中有两个按钮，点击下载按钮进行下载，点击上传按钮进行文件上传。ps:功能看着可能有点多 ，其实分析一下很简单，首先 点击按钮弹出弹框，在弹框中有一个按钮和一个upload组件，点击下载按钮则关闭弹窗调用方法进行下载，点击上传则走upload组件的功能。template <el-button class="elbutton" style="width:100%" type="pr

需求分析：在使用elementUI中的上传组件时，点击上传按钮就会立即打开文件弹框，有时候不想让文件弹框立即打开，而是点击按钮后先进行其他的判断，若符合情况再打开文件弹框。方法一原文链接方法二template<div id="app"> <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/"

需求场景：table表格，第一列为选择框，默认某几行数据为选中状态。原文链接template <el-table :data="roleData" border stripe height="260" style="margin:20px 0" ref="docTable" @select="(selection,row)=>{selectHandle(selection,row

需求场景：一个表格中有几十条数据，每一行代表一条，表格第一列是选择框，当点击某一行的选择框，选中此条数据，将此条数据的id存进存储数组，若点击取消选中状态，则将该条数据对应id从存储数组中删除。template代码 <el-table :data="roleData" style="margin:15px 0" border stripe height="260" @select="(selection,row)=