m0_46693606的博客

在vue项目中，使用element-ui的表单校验能节省很多时间，简单的对象表单校验，很简单，使用prop属性就可以直接校验。但是，如果表单项里有通过v-for动态生成的数组对象，又该怎么设置验证呢？1、总结：1) v-for要遍历的数组dynamicItem // 字典维护表单 dictMaintainForm: { dynamicItem: [ { typeId: this.$route.query.typeId

正在上传…重新上传取消

1.默认当前页为第一页，页容量为10条data(){ return{ current:1, size:10 }}2.再点击删除的时候进行如下配置 // 为了在删除最后一页的最后一条数据时能成功跳转回最后一页的上一页（pageSize=1时不生效） let totalPage = Math.ceil((this.total - 1) / this.size) let currentPage =this.

html:<el-form-item label="用户账号:" prop="loginId"> <el-input type="loginId" v-model.number="ruleForm.loginId" maxlength="11" placeholder="请输入用户账号" autocomplete="off"></el-input></el-form-item>data:data(){ return{　　ruleFor

功能说明存在一排必填，点击增加后会新增一行，点击每行后面的删除图标则会删除该行，新增按钮只会出现在最后一行动态表单部分 <el-form :model="dictMaintainForm" ref="dictMaintainFormRef" :rules="dictMaintainFormRules" label-width="100px" class="demo-ruleForm" >

<el-cascader :options="options" v-model="selectedOptions" :props="props" size="small" ref="cascaderAddr" filterable @change="handleChange" change-on-select placeholder="请选择上级分类"/><script>handleChange(e) {

<el-cascader v-model="baseForm.selectAdressKeys" ref="cascader" @change="areaHandleChange" :props="props"></el-cascader>在data中定义props props:{ checkStrictly:true, childre...

<el-table v-loading="roleInfaceLoading" ref="multipleApiTable" :data="data" tooltip-effect="dark" row-key="id" style="width: 100%"..

1.出现问题bug: el-cascader控件 最后一级出现空白 暂无数据2. 问题原因分析经过调试分析出现空级联原因是：由于数据是从后台传递过来的，当后端的哥们使用递归算出菜单，然后转换成json传递到前端的时候。就会出现 最底层 的子项中 的 children 为空数组，这样就会造成，空级联 的bug存在。3.解决办法: 使用递归的方式，将最底层中的 children设为undefinedhtml代码 <el-casc