问题描述表格内容过多时显示滚动条：可通过max-height设置一个固定的数值高度实现，但是项目中的需求是表格的高度不能写死，要自适应高度来显示滚动解决方案：查找.container{height:100%;width:100%;display:flex;flex-direction:column;}.search{height:70px}/*表格容器自动撑满剩余空间*/.tablesBox{flex:auto;overflow:hidden;.tablesContent{height:100%;width:100%;.el-table{/*表格高度设置*/height:100%!import
解决前：解决办法1、el-row标签加type='flex'2、每个el-col下的div加style="height:100%"的样式3、在最后一个el-col下加解决后：
问题elementUI中有一个el-select组件。我们经常用它来实现下拉框功能。但是在手机上使用时，发现iOS手机上，该组件无法唤起软键盘。主要是因为组件中，input上有一个readonly属性，而该属性规定输入字段为只读。阻止了用户对值进行修改，直到满足某些条件才行。方案//本案例只为处理兼容问题，不包含其他复杂逻辑template>el-selectref="select"@focus="clear"@hook:mounted="clear"@visible-change="clear">/el-select>/template>script>exportdefault{method
同样忘了哪天的问题了，关于饿了么plus中el-devider样式的设置。最开始用的就是divider，但是因为某个时候(记不太清了)调样式的时候，给divider加了margin-top/bottom后，divider会变粗，还半天改不好，用了穿透也没啥用，于是暂时放弃了，改用原生的，直到后来一个场景要用dashed(虚线)效果，懒得改hr，又想起了divider，于是好好研究了下它的颜色和虚线属性，话不多说，直接上结果(这里也没啥好讲的...)线的颜色就是是border-color属性，在标签上直接设置就好线的样式(solid(默认实线)ordashed(虚线))设置border-styl
先看看效果吧，拿实例说话，直接渲染四万多条数据不分页，树形表格可以展开直接上代码：第一步：引入表格组件：自行按照官方文档引入即可第二步：具体页面实现代码：这是HTMl代码，多的不介绍，基本方法和el-atble没什么区别，只是tl-table的基础上加了几个属性，这里必须加的两个属性，不加的话无法实现虚拟表格，页面一样会卡死，第一个，use-virtual，第二个height，必须限制高度，这两个不加就是普通表格，加了之后就是虚拟表格，可以上万条数据显示，treeConfig这个参数注意，吧部分el-table里面的属性放到这个集合里面了，比如load，自己注意就行了，如果是虚拟树形表格，注意
1.ElementUI日期样式2.定义数据以及方法这里面的signDate可以赋值为空字符''或者赋值为空数组[]，这里面包含两个值，一个值为开始日期，另一个值为结束日期exportdefault{data(){return{queryParams:{signDate:''},pickerOptions:{shortcuts:[{text:'最近一周',onClick(picker){constend=newDate()conststart=newDate()start.setTime(start.getTime()-3600*1000*24*7)picker.$emit('pick',[s
最近调试用element-ui中的el-table来显示数据，发现无法显示出数据，通过调试，发现后台的数据传到前台了。如图所示： 从网上收集到两种答案都不成功。一种是将element-ui的版本降级。一种是在webpack里面设置一下：vue:'vue/dist/vue.esm.js',原因是说element-ui使用的Vue版本与当前的Vue版本不一致导致的。 resolve:{ extensions:['.js','.vue','.json'], alias:{ '@':pathResolve('../src'), vue:'vue/dist/vue.esm.js', },
需求：设置el-table表头的多选框隐藏或禁用，网上找的均造成即时生效，但刷新页面时页面会卡顿。 方法1：直接使用css（scoped中）设置：::v-deep.el-table__header-wrapper.el-checkbox{//display:none;//设置不成功，页面卡顿visibility:hidden;}方法2：给el-table设置表头属性header-cell-class-nameleftheaderStyle({row,column,rowIndex,columnIndex}){if(columnIndex===0){return"seltAllbtnDis";}
今天项目里面的登录页面，需要按键盘回车键就直接登录，但是测试的时候，按了回车键后，直接刷新页面了，这不是我想要的，之后网上查了一下代码如下：el-inputv-model="form.biz_user_password"placeholder="请输入新密码"@keyup.enter.native="keyUp('form')">el-input>上面的写法没问题，但是这样又会出现一个问题，当form表单中只有一个input框时，按回车键，页面还是刷新的。之后再查了一下，原来form表单只有一个Input框时，回车键默认为表单提交的事件所以最后的解决文案为：el-formref="form":
一、前提官网上有两种办法：根据data或者key拿到Tree组件中的node(data)要获得node的key或者data。我这key设置后没有生效，采用的node获取的方法1、html部分el-treeref="tree":data="treeData"node-key="id":props="defaultProps"@node-click="handleNodeClick">/el-tree>2、data举例data(){ return{ treeData:[{ id:'11',label:'一级1'},{id:'22',label:'一级2',children:[{ id:'221
