比如在一些特定条件下,页面上并不会显示某些必填项,这时候你还需要将这些特定条件再写到该方法中。。。久而久之又显得很乱了。 在element ui文档中触发校验用的:this.$refs[formName].validate(), 不妨打印一下this.$refs[formName]有哪些属性: 图中的model是标签<el-form>上绑定的:model,rules是<el-form>...
最终找到问题的根源是element-ui依赖版本太高,换一个低版本的依赖即可。 解决方法:核心思想是把高本版依赖换成低版本依赖,具体操作步骤如下: (1)在package.json文件中手动把element-ui版本改为一个较低版本,如2.9.2。 (2)把原来创建的Vue项目中的node_modules文件夹删掉,重新执行cnpm install,重新安装。 (3)重...
问题详情:使用elementui其他的组件都是成功的,但使用表格,默认使用它的数据,结果页面空白,也不报错。 解决办法: 第一步:卸载原来的core-js:npm uninstall core-js 第二步:安装降低版本的core-js:npm install core-js@3.6.5 第三步:把node_modules包删掉 第四步:重新安装该依赖:npm i...
项目使用的是 Element UI,表格使用的是 table 组件。Element UI 的 table 表格组件中对单元格进行合并,需要使用 table 组件的 span-method 属性。 先看一张成果图(完整代码放在末尾): 解决思路: 1、格式化后台返回的数据(根据实际数据格式处理) 项目后台返回的数据格式为树形结构,这里做简化展示: [ { 'column1'...
(这种问题最坑,根本不是自己的错误,却会被卡好久。辜负用户对发行版本的信任。) 具体解决办法就是对 Elment UI 降版本,具体做法,如这位老哥所建议: 关于Element-ui中Table表格无法显示的问题及解决 最后感谢老哥,让我水了一片文章。 编辑于 2023-01-08 13:28・IP 属地河南...
row.isSet;}//提交数据if(row.isSet){//项目是模拟请求操作 自己修改下(function(){letdata=JSON.parse(JSON.stringify(_this.master_user.sel));for(let kindata)row[k]=data[k];_this.$message({type:'success',message:"保存成功!"});//然后这边重新读取表格数据_this.readMasterUser();row.isSet=...
} step2:有分页器被遮挡时,可以直接给分页器设置margin-top <el-pagination style="margin-top:50px;"></el-pagination> special:如果介意无数据时表格底部与分页器间隔过大,可针对有无数据两种情况,给分页器设置不同margin-top <el-pagination :class="datas.length>0?'tabBoxs':'tabBox'"></el-pagination...
降低element-ui的版本, 有几个版本是需要和vue版本匹配的,不然就会出现这个问题。 有用 回复 wuhaot: 我也是觉得版本太高,然后删除依赖之后在packjson里面降低了elementui版本,然后重新npm i 还是不行。改过几个低版本都不行,不知道该改哪一个版本,最后重新搭一个demo出来了 回复2021-12-14 ...
最开始我是直接写的 this.menus = result.data;这里这样写的后果就是,data中的menus的值并没有改变,但是此时直接打印又会有值,所以页面不会有数据显示。在 axios方法体中,也就是花括号内,不能直接使用this,而是应该用self 代替。或者是在花括号后面绑上this。 axios.get().then(function(){...}.bind(this...