xy405580364的博客

1. 下拉框校验当前版本的element对select选择器的验证存在问题：select选了值，关闭弹框，再打开会触发自动校验。* 目前有两种解决方法: * 1.使用 v-if 控制表单,太消耗性能 * 2.关闭弹框时直接delete选择器校验，下次打开弹框再添加进去 //使用第二种，触发form中的方法addRules(),把对下拉框的校验重新加进去headeropenDialog() { 触发form中的方法addRules(),把对下拉框的校验重新加进去 th

overflow-y: auto;height: 672px;<template> <div class="dashboard-editor-container"> </div></template><style rel="stylesheet/scss" lang="scss" scoped> .dashboard-editor-container { padding: 15px; .

需求显示所有角色名（逗号分隔），最多显示两行（前10个字符），鼠标移动显示全部实现代码<el-table-column sortable="false" align="center" prop="rolesFormatter" width="140px" label="角色"> <template slot-scope="scope"> <el-popover placement="top-start"..

按钮<el-button type="primary" :loading="downloadLoading" @click="download" size="mini"> <i class="el-icon-download"></i> 下载</el-button>方法// 导出download() { if (!t...

组件内部style覆盖ui框架样式

element栅格时基础的 24 分栏，实现5等分需要设置百分比案例1. 三等分<el-col :xs="12" :sm="12" :lg="8" class="card-panel-col"></el-col>2. 四等分<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">&l...

1. 逻辑分页（假分页）逻辑分页依赖的是程序员编写的代码。数据库返回的不是分页结果，而是全部数据，然后再由程序员通过代码获取分页数据，常用的操作是一次性从数据库中查询出全部数据并存储到List集合中，因为List集合有序，再根据索引获取指定范围的数据。2. 物理分页（真分页）物理分页依赖的是某一物理实体，这个物理实体就是数据库，比如MySQL数据库提供了limit关键字，程序员只需要编写带有...

1. 首先< el-table >代码（属性尽可能多）下面是一个table组件中，先有一个 type=“selection” 多选组件，然后是< template >循环列把所有动态的属性值放在一个对象中tableStyle使用以下两个方法改变表格的样式:header-cell-style="headCellStyle" //表头:cell-style="c...

label-width="50px" 距离上一个下拉框的距离style="width: 125px" 下拉框本身的宽度<el-form-item label="机构" label-width="50px"> <el-select v-model="formInline.institution" placeholder="机构" style="wi...

单选框为例：加一个 @change方法强制刷新//组件<el-radio-group v-model="chartData.cols[index].fixed" @change="handleChange"> <el-radio :label="1">是</el-radio> <el-radio :label="0">否</el-rad...

1.问题描述根据element官网的对话框代码，使用时会发现弹框不显示，需要增加一个属性:append-to-body="true"2.加上之后效果<template> <el-button type="text" size="mini" @click="copyPanel = true">复制</el-button> <el-dial...