![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element-ui
kogmini
这个作者很懒,什么都没留下…
展开
-
Timeline 时间线自定义节点为Checkbox
Timeline 时间线自定义节点为Checkbox来实现全选单选原创 2023-09-21 16:26:32 · 770 阅读 · 0 评论 -
vue项目中使用ww-open-data获取企业微信通讯录部门信息
vue项目中使用ww-open-data获取企业微信通讯录部门信息原创 2022-04-27 15:25:59 · 5256 阅读 · 21 评论 -
vue2 element-ui 表格随浏览器缩放高度自适应
Vue 自适应高度表格的实现方法原创 2022-04-19 15:11:16 · 2718 阅读 · 1 评论 -
vue2按钮防止重复提交指令
按钮防止重复提交原创 2022-04-19 14:43:19 · 426 阅读 · 0 评论 -
v-if与v-show对表单验证的影响以及解决办法
v-if与v-show控制元素显隐对表单验证的影响原创 2022-04-08 16:41:20 · 3335 阅读 · 1 评论 -
el-select 自定义创建条目时,只能选择一个或者输入一个
如图所示当选择甲方时,甲方代表只能选择一个,且不能自行输入;当甲方代表没有人员可以选择时,可以自行输入创建一个人员代码 <el-form-item label="甲方" prop="partyAName"> <el-select v-model="AddContractForm.partyAName" @change="customerCompanyChangeA" placeholder="请选择甲方公司" clearable>原创 2021-08-25 14:36:13 · 3905 阅读 · 0 评论 -
表单里面嵌套表格之后,如何对表格里面的input框进行表单验证
如图所示:首先表格数据要绑定表单里面的数据。如表单addUnitForm的erpContacts数组通过插槽的scope.$index来找到绑定的数据,即每个el-form-item的prop属性代码: <el-form :model="addUnitForm" :rules="addUnitFormRules" ref="addUnitFormRef" label-width="110px"原创 2021-08-13 09:23:17 · 835 阅读 · 2 评论 -
el-cascader 级联选择器取消radio按钮,实现点击label选中
级联选择器取消radio按钮,实现点击label选中首先在App.vue中加入全局样式,如果在单个组件加入样式无效.el-cascader-panel .el-radio{ width: 100%; height: 100%; z-index: 10; position: absolute; top: 10px; right: 10px;}.el-cascader-panel .el-radio__input{ visibility: hidden;}.el-casc原创 2021-08-12 17:34:54 · 1374 阅读 · 0 评论 -
级联选择器el-cascader处理复杂数据(四层、五层数据),回显部门以及部门下的人员
当级联选择器需要绑定的数组不再是简易数据,props涉及的字段不再是一个,而是列表里面套列表比如,我想要获取部门以及下面的员工,如何显示?如下图1所示,后端返回的数据,sysDepartmentList是部门分组,sysUserList是员工分组,可是最终要在级联上呈现如下图2所示,怎么做到?好在公司的前一个项目有相关例子,足够我参考完成,记录下来,希望能帮到跟我一样的小白图1:图2处理数据:getOtherUsername(){ //首先调用接口获取数据 this.$axios原创 2021-08-05 17:34:20 · 2377 阅读 · 0 评论 -
解决:el-select 数据回显后,无法选中赋值问题
这是要回显的部门信息,如图所示图1:从后台拿回数据显示为admin图2:拿到数据后回显图3:当我想要选中其它选项的时候,控制台能拿到这一项的id,但是文字没有显示到select中好了,现在就看怎么解决的吧html:<el-form-item label="角色" prop="roleId "> <el-select v-model="roleForm.roleId " placeholder="请选择" clearable @change="roleChange">原创 2021-08-05 12:28:47 · 2429 阅读 · 0 评论 -
el-input手机号,座机号,邮箱,银行卡,邮编,传真验证
html部分:data中表单验证:addRules: { phoneNumber: [ { validator: this.checkPhone,required: true,trigger: 'blur' }]},js:methods:{ checkPhone(rule, value, callback) { if (!value) { callback(new Error('请输入联系人手机号')) } els原创 2021-07-19 13:44:38 · 4964 阅读 · 2 评论