1、没有在el-form上指定model2、el-form-item上的prop名称不对，应当与rules中的名称一致；3、绑定的属性没有在data中声明；el-form:model="ruleForm":rules="rules">el-form-itemlabel="年龄"prop="age">el-inputv-model.number="ruleForm.age">/el-input>/el-form-item>/el-form>script>exportdefault{ data(){varcheckAge=(rule,value,callback)=>{if(!value){ret
解决前：解决办法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
form表单校验基本三步：1、定义验证规则//表单校验规则rules:{name:[{required:true,message:'部门名称不能为空',trigger:'blur'},{min:1,max:50,message:'部门名称要求1-50个字符',trigger:'blur'},//自定义校验规则{validator:validName,trigger:'blur'}],code:[{required:true,message:'部门编码不能为空',trigger:'blur'},{min:1,max:50,message:'部门编码要求1-50个字符',trigger:'blur
犯了个低级错误，如果各位遇到了，能为大家节省时间写习惯前后端分离的项目后，一直用axios发json数据，而用表单之间提交数据发现竟然报415错误，结果是因为我多加了@RequestBody注解错误提示{"timestamp":"2022-05-12T11:00:51.349+0000","status":415,"error":"UnsupportedMediaType","message":"Contenttype'multipart/form-data;boundary=--------------------------271485777611895245402302;charset=
同样忘了哪天的问题了，关于饿了么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
x-www-form-urlencoded格式的只能用来发送表单数据form-data格式除了能发送表单外还可以发送文本文件row发送JSON格式的数据
最近调试用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', },
