ElementUI
明天又会在哪里
这个作者很懒,什么都没留下…
展开
-
element table父级flex导致表格宽度出问题
这个问题真的很奇怪,table父级使用flex布局之后,在浏览器宽度变化的时候导致table的宽度值不对,似乎是取的window.innerWidth的宽度,找了半天还是在github上找到了答案参考链接:在flex布局下,外部div宽度减小时表格宽度不会随之减小通过下面的方式进行解决main { flex: 1; width: 0}...原创 2022-05-10 17:06:56 · 543 阅读 · 0 评论 -
Vue2.x ElementUI form表单中validate传参问题
背景对于form表单自定义校验,其实有的时候我们可以进行复用,从而避免重复代码参考了一下网上的方法,大致有以下两种方法方法1:通过自定义函数传参(推荐)代码示例html代码<template> <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm" > .原创 2022-01-07 14:26:57 · 3791 阅读 · 0 评论 -
elementui中el-pagination文字自定义
这里是通过全局修改element配置进行修改在main.js中设置如下内容Vue.use(ElementUI, { size: 'small', locale: { el: { pagination: { pagesize: '条/页', total: `共 {total} 条`, goto: '跳转至', pageClassifier: '页' } } }})...原创 2021-10-26 11:50:40 · 4418 阅读 · 3 评论 -
el-table中选择框在分页的时候保持选中状态
el-table分页的时候保持之前的选中项状态需要在el-table上设置row-key属性,并在el--table-column中type='selection'一项设置:reserve-selection="true"<!-- 设置row-key --><el-table :row-key='row => row.id'> <!-- 设置reserve-selection --> <el-table-column type="selection"原创 2021-10-22 11:33:12 · 709 阅读 · 0 评论 -
vue-cli中按需引入elementUI2.x
由于elementUI2.x的文档很久没有更新了,所以在现在在vue-cli4中按需引入elementUI2.x的时候就出现问题了去网上搜了一下,无非都是一样的答案,但是网上的答案现在还是有点问题的现在记录一下解决的步骤我们安装完成elementUI之后,依然安装babel-plugin-component这个插件$ npm i babel-plugin-component -D然后我们在根目录下的babel.config.js中进行如下设置需要注意的地方是plugins这个地方,不.原创 2021-02-26 17:49:37 · 204 阅读 · 0 评论 -
ElementUI中select组件中的icon图标自定义
也是在网上查了很多,但是没有查到什么有用的信息,想要放弃的时候看到了一个国外的人的提问,下方有人回复答案https://stackoverflow.com/questions/64143585/change-icon-in-of-element-ui-select原创 2020-10-14 23:09:58 · 18796 阅读 · 12 评论