随笔分类 - Element组件使用
摘要：el-form绑定的是一个对象，但在有些时候提交的表单中会有数组数据，校验有点不符合常理 例如这样的一个表单，付款方是个数组，这种怎么校验呢。上代码 用的循环el-form, :model绑定循环的item,也就是数组中的单个对象，然后prop绑定参数，rules正常写， 然后提交的时候，因为el-
阅读全文
摘要：element Plus的虚拟化表格用的是lang=tsx,先安装 cnpm i @vitejs/plugin-vue-jsx 然后去vite.config.ts里加配置 import vueJsx from '@vitejs/plugin-vue-jsx' plugins: [ vue(), vu
阅读全文
摘要：项目有个需求，是点击关联账户，弹窗显示已经关联的 ，而且表格上还要勾上 效果： 这里的交互有两个： 1.勾选表格内容，上方标签显示和隐藏 2.删除上方标签，表格中的 该条数据去除选中效果 第一个交互： 要用到el_table中的一个方法 toggleRowSelection和另外一个勾选的点击事件s
阅读全文
摘要：::v-deep{ .inputFund input::-webkit-inner-spin-button { -webkit-appearance: none!important; } .inputFund input[type="number"]{ -moz-appearance: textfi
阅读全文
摘要：<el-select v-if="isShowCompanyOpts" :disabled="props.isView" v-model="ruleFiltersDto.orgId" filterable remote placeholder="请选择" :remote-method="remote
阅读全文
摘要：.el-submenu__title { display: flex; align-items: center; } .el-submenu__title span{ white-space: normal; word-break: break-all; line-height: 20px; fle
阅读全文
摘要：项目：vite + vue3 + element plus 效果图： 比如先选了开始日期，结束日期只能比它大； 选了结束日期，开始时期只能比它小； 网上看了很多，大部分都是element ui组件的使用方法，文章讲的是关于element Plus中的使用方法 上代码： <el-date-picker
阅读全文
摘要：有时候option选项太多，一次查询可能会返回上千条数据，这时候就需要懒加载，对数据进行分页查询 在main.js中进行全局注册 Vue.directive('el-select-loadmore',{ bind(el,binding){ const SELECTWRAP_DOM = el.quer
阅读全文
摘要：像这种可以添加的数组表单，该怎么校验呢 <el-row :gutter="12" class="return-detail-row" v-for="(item,i) in form.orderAnjiContactAddDtoList" :key="i"> <el-col :span="8"> <e
阅读全文
摘要：1.设置限制只能输入中文 校验中文的正则：/^[\u4e00-\u9fa5]+$/ rules: { chineseName: [ { required: true, message: "请输入中文名", trigger: "blur" }, { validator: function(rule,
阅读全文
摘要：效果; html代码 <el-select v-model="selectTree" placeholder="请选择..." size="mini" clearable ref="select" > <el-option hidden key="id" :value="selectTree" :l
阅读全文
摘要：之前用的vue2搭配的element ui来搭页面的，修改组件样式是需要/deep/，如 而element plus和之前不一样了。变成了::v-deep 修改表格头背景色： 直接在标签里加上 :header-cell-style=“{}” 这样表格背景色就出来了 el-select这样修改会没用，
阅读全文
摘要：需求：有个动态添加的表格，表格的险种是用的el-select做的，然后新增一条记录后，已经选择的险种不能够再选择 再新增一条时，已经选择的医疗和大病就不能选择了 element UI组件控制能否选中，用的是disabled,只要让el-option里的disabled=‘属性’ 在选择完成后，触发c
阅读全文
