ElementUI
无尽的拉格朗日
网易不行
展开
-
使用elementui的一点心得体会
前言 elementui还是用了蛮久的,可以整点 记录 1.实际项目过程中,table和pagination最好重新封装一下,带分页的table肯定在使用过程中,比仅仅只有table的用途肯定广泛的多 2.实际使用element-ui开发的过程中,一开始就给公用的vue组件,css样式,js文件建好文件夹以及文件 3.如果有父子组件,多层嵌套的,尤其是bool类型,一定要记得写个回调函数,返回状态 4.DatePicker组件用了format,绑定的数据格式也得相同,差个字符都不行,日期中间 ‘-’ 与 ‘原创 2021-08-30 22:45:26 · 1429 阅读 · 0 评论 -
elementui的el-table给每个单元格赋予色彩
<el-table :data="tableData" height="680" :cell-style="ssssssssss"> <el-table-column type="index" fixed="left" width="55" label="#"></el-table-column> <el-table-column :label="'x'+(index+1)" v-for="(item,index) in 7"原创 2021-06-30 15:27:16 · 479 阅读 · 0 评论 -
关于elementui中select选择器多选功能的探究
前言 对select选择器的多选展示方法比较好奇,所以想要研究一下 长这样 研究过程 研究过程比较乏善可陈,直接看html代码,力大砖飞 研究结果 看图 总结 总的来说是通过将input框与div层叠的方式,组合成一个看似是下拉选择框的选择框 选择数据后的实际展示内容并不在input框内部,而是在div内部,所以可以显示tag样式的数据 后语 css还是太博大了,我学的还没它出的快… ...原创 2021-07-08 11:03:02 · 338 阅读 · 0 评论 -
el-table作为子组件被调用时默认勾选的问题
前言 我发现当el-table被当作子组件调用的时候,一些情况下,默认勾选没有作用 后来发现应该是传入的总数据还没加载成功,默认勾选的方法就已经在执行了,导致加载失败。 这好吗?这不好,所以,我们需要一个简单的时间差去解决这个事 解决方法 通过以下代码应该可以保证以较快速度加载默认选项成功 setTimeout(() => { this.$refs.expandTable.toggleRowSelection( this.tableDatas[i原创 2021-06-30 16:30:15 · 396 阅读 · 0 评论 -
elementui的el-table精确赋予某个单元格色彩
前言 你是否遇到过需求是给每个单元格整上不同色彩? 方法 如图,灵活运用cell-style就可以,经过我多次打印,发现每个单元格都会有动作 row:行数据(数据为tabledata的该行数据) column:列数据(数据为列的label,是否固定之类的数据) 其他两个:略 众所周知,二维平面中只要知道一个点的坐标,就能定位它的位置,单元格也同理,通过rowIndex,columnIndex就能确定一个单元格的位置,这个时候,你只需返回颜色就可以了 <el-table :data="tableDat原创 2021-06-30 15:43:17 · 966 阅读 · 0 评论 -
vue-elementui的图片上传之base64
最近处于功能需要,要做一个图片上传服务器的功能,但是因为服务器架构问题,不能用一些别的方法上传,暂时只能用base64的字符串。那么话不多说,开整 首先,需要你先用到elementui的Upload 上传组件,如图 当你有了这个组件的时候,你能够很容易的得到blob形式的图片数据(组件的很多方法是会把file()类型数据给到你的)。 然后就是通过一些方法,将blob转base64,如下代码 //this.imgBlob是拿到的file对象 //保存图片 postServerImage(){原创 2021-03-02 18:46:56 · 1300 阅读 · 0 评论