随笔分类 - ElementUI
摘要：表格如下： 表格为横向接上 数据格式如下： 一、elementUI el-table渲染到网页上 <div v-loading="loading" style="margin-bottom: 16px;"> <div v-if="syncList.length"> <el-table :data="
阅读全文
摘要：通过js限制上传图片 前言 做前端项目时，经常会用到form表单，偶尔也会用到input标签来提交上传图片文件。在上传文件时，有时候会有一定的条件，比如图片格式、大小及尺寸。 通过js，可以在前端来设置上传图片的格式、尺寸及大小，并验证。 主要方法 1、设置上传图片的格式 jsp代码，设置form表
阅读全文
摘要：Cannot read properties of undefined (reading 'indexOf') at VueComponent.resetField (index.js:1:370572) elementUI源码报错，原因竟然是form-item没加prop，折腾了一两个小时，真是服
阅读全文
摘要：Vue 父组件循环使用refs调用子组件方法出现undefined的问题 1. 背景 最近前端项目遇到一个问题，我在父组件中使用了两个相同的子组件child，分别设置ref为add和update。其中A组件的功能是新增，也就是说在页面上A页面只有一个。而update组件是放在表格里的，表格中的每一行
阅读全文
摘要：/* 修改rodio 自适应 * */ .radio4 .el-radio-group { width: 100%; } .radio4 .el-radio-group{ .el-radio-button { width: 25%!important; } .el-radio-button__inn
阅读全文
摘要：html: <div v-for="(data, index) in model.listParam" :key="index"> <el-col :span="12"> <el-form-item :label="data.label1" :prop="'listParam.'+index+'.s
阅读全文
摘要：前言 今天在做一个电子扫码枪的时候，遇到了弹窗关不掉的问题.... 场景描述 弹窗1已经在页面上打开，在弹窗1点击某个按钮，会弹出另外一个扫码弹窗2，当扫码枪读取完数据后，会自动触发关闭扫码弹窗2， 可是就在这个时候，弹窗2却怎么都关不掉了，关闭后又被触发打开了，刚开始一直找不到原因，尝试改了很多都
阅读全文
摘要：这篇文章主要向大家介绍笔记：el-upload中，before-upload中的方法返回false时，会触发on-remove绑定的事件,主要内容包括基础应用、实用技巧、原理机制等方面，希望对大家有所帮助。 场景 表单编辑时，要求删除上传的图片后重置某些状态，天然在on-remove中的事件写。然而
阅读全文
摘要：在用Element的表单时，我们经常采用的el-dialog弹窗来填写表单内容，在新增和编辑时打开弹窗。有时我们在填写完数据没有保存有删掉了表单的内容，这时触发了表单的校验，然后我们关闭了弹窗。然后我们重新新增打开弹窗，发现之前的表单校验还没有消除，这时就需要在关闭弹窗的方法中进行处理。 handl
阅读全文
摘要：自定义el-table-column 后台的数据格式：数组对象，且每条对象中有一个数组对象 一 数据格式： 每条对象中goodsCategoryList的数据是一种类型。 二 代码 <el-table-column v-for="(item, index) in tableData[0].goods
阅读全文
摘要：<el-col style="width:calc(42.2%);padding:0;"> <el-date-picker :clearable="false" :type="dateType" placeholder="选择开始时间" :format="dateFormat" :value-for
阅读全文
摘要：tree.vue html: <el-tree class="filter-tree" :empty-text="emptyText" :highlight-current="true" :expand-on-click-node="false" auto-expand-parent :node-k
阅读全文
摘要：第二次打开的时候，发现校验信息还是存在，此刻需要使用以下方法： this.$refs.ruleForm.resetFields(); 处理后效果完美再次打开就没有校验信息了：
阅读全文
摘要：document.getElementsByClassName('el-checkbox__input')[0].classList.add('is-disabled') document.getElementsByClassName('el-checkbox__original')[0].disa
阅读全文
摘要：在el-table里有这么一个属性row-class-name，是一个回调函数，可以给el-table__row加class。 举个栗子： template 1 <el-table :data="dataTable" border style="width: 100%" :row-class-nam
阅读全文
摘要：背景：vue下使用elementUI 文档：http://element-cn.eleme.io/#/zh-CN/component/tree#tree-shu-xing-kong-jian 需求：只保存二级节点中选中的数据；不保存一级节点选中的数据。 效果： 数据来源：后台提供两个接口分别用于取第
阅读全文
摘要：场景：树的内容是省份下面的城市有酒店 需求：只能多选酒店（为了删除它们），至于为啥不能选省份或者城市更加灵活的去删除相应酒店，这你得去问后台0.0，他只弄了根据酒店id去删除。嗯，连创建酒店的时候级联选择的json数据都是我在网上找的~吐槽至此 =_= 方法：根据我的观察，酒店那一层是最后一层，所以
阅读全文
摘要：这里有三点需要说明： 1. 使用：before-close="closeHandle" 将其 $emit() 出去 2. 取消按钮 也需要$emeit出去 3. 控制对话框显示隐藏的变量需要props给父组件来传值，这个相当重要，不然控制不了对话框的显示隐藏 4.1,2步骤是为了在子组件不再重复操作
阅读全文
