![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
elementUI
东方椰树椰汁
这个作者很懒,什么都没留下…
展开
-
elementUI遍历给表头设置多个背景色,设置不同class时,出现单元格内容区背景色也被一起修改的问题
因为需求的原因无法在table中使用header-row-style实现效果,于是使用el-table-column中的class-name属性设置样式,结果出现单元格内容区也被加上一样的class导致有了背景色,查找element文档发现应该设置label-class-name,就只会给表头加这个class这里是遍历给相邻列设置不同颜色,ABAB形式所以加了判断html<el-table-column label="Test" :label-class-name="index%2==0?'g原创 2022-05-31 16:51:42 · 439 阅读 · 0 评论 -
vue elementUI 选择器select选中值value为对象
elementUI有时候保存选择器需要绑定对象中的多个值,此时需要加一个属性:value-key,记得修改:value为对象哦~示例 :html<el-select style="width:300px" clearable value-key="name" //修改的关键 @change="changeMethod" v-model="value" placeholder="请选择"原创 2021-03-01 17:50:50 · 1302 阅读 · 0 评论 -
table表格中下拉列表切换数据再次切换无法触发,select切换option后失焦
问题:新增切换版本功能,版本号数据通过@foccus异步调用接口获取,但是选中以后发现再次点击下拉框不再调用接口,点击右边的小箭头可以触发,原因是切换以后没有失焦,仍处于focus状态所以再次点击无法触发focus事件,失去焦点后再次点击就可以触发解决方法:选中option以后给当前选项框做失焦。步骤:1、给select加ref属性,由于是多个select,需要绑定唯一的ref, :ref="select-${scope.row.senCode}"<el-select .原创 2020-08-26 11:25:03 · 698 阅读 · 0 评论 -
elementUI upload上传文件大小及格式判断限制,提示相应信息
通过操作upload标签中的beforeUpload属性来实现这个功能//限制文件上传类型及大小beforeUpload(file) { var testmsg = file.name.substring(file.name.lastIndexOf('.') + 1) let arr = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'pdf', 'JPG', 'JPEG', 'PNG', 'GIF', 'BMP', 'PDF'] if (原创 2020-07-02 17:43:43 · 3770 阅读 · 1 评论 -
列表图片首个不显示问题/重新点开dialog没有再次调用获取列表接口问题
这是遇到的两个项目中的问题,但是解决方法是一样的。都是在标签中加入v-if判断获取到数据以后再显示内容。渲染图片列表时遇到一个问题,就是第一行图片不显示,删除第一个以后,新的第一行图片也不显示,一看数据也获取到了,但是看到组件中,没有赋值,应该是第一行的值还没获取到就已经渲染了,在upload组件中使用nextTick方法,打印看了一下也没获取到,然后灵机一动,用v-if判断是否获取到图片条件渲染,成功!!!修改前修改后...原创 2020-05-29 14:47:04 · 291 阅读 · 0 评论 -
elementUI踩坑 el-dialog关闭不掉
遇到了dialog弹窗关不掉的问题,解决方法如下在标签中加入@close=‘closeDialog’html<el-dialog :title="标题" :visible="dialogCode" width="20%" @close='closeDialog'></el-dialog>js export default{ data(){ return{ dialogCode:true } } methods:{ closeDialog() {原创 2020-05-29 14:28:10 · 12607 阅读 · 0 评论