随笔分类 - ElementUI
摘要：import { Directive } from 'vue' const getInput = (el: HTMLElement) => { let inputEl: HTMLElement | null if (el.tagName !== 'INPUT') { inputEl = el.que
阅读全文
摘要：<el-form-item label="部门" prop="departments" > <el-cascader v-model="form.departments" :options="departOptions" :show-all-levels="false" :props="{ labe
阅读全文
摘要：1、form 下面只有一个 input 时回车键刷新页面 原因是触发了表单默认的提交行为，给el-form 加上@submit.native.prevent就行了。 <el-form inline @submit.native.prevent> <el-form-item label="订单号">
阅读全文
摘要：<el-date-picker v-model="times" :picker-options="pickerOptions" type="daterange" range-separator="——" start-placeholder="起始时间" end-placeholder="截止时间"
阅读全文
摘要：
阅读全文
摘要：需求是这样的，一个房主屋里面有多个电表，每一个表是一个账户，一次只能给一个账户缴费，在点击go按钮进行缴费，这个时候判断是否跨表勾选，跨表格勾选则弹窗提示，反之符合需求，走缴费逻辑 上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="
阅读全文
摘要：<el-table ref="multipleTable" :data="datalist" style="width:100%" @select="handleselectRow" @select-all="handleselectAll" size="small" > <el-table-col
阅读全文
摘要：vue结合element-ui实现二级复选框checkbox 话不多说先上效果 交互：1、点击按钮全选，所有的checkbox全部选中；点击清空，所有的checkbox框都不选；点击确定获取选中的checkbox对应的ID数组 2、点击右上角的全选，对应的二级都选中，反之都取消选中，当二级都选中时，
阅读全文
摘要：1.html 1 <div class="listPeopleDetail"> 2 <div class="item" v-for="(item, index) in freeEmpList" :key="index"> 3 <div class="name" v-cloak>{{item.empN
阅读全文
摘要：注意：圈起来的两个地方，刚开始忘记写type='number'了，导致可以输入‘123abc’这样的，之后加上了就OK了
阅读全文
摘要：###注意：prop是动态的 el-form-item 中的rules也可以自定义 :rules="rules.type" data中 rules:{type:[{required:true,message:'type is required',trigger:'change'}]}
阅读全文
