element ui
平凡的故事
这个作者很懒,什么都没留下…
展开
-
选中表格当中的某一项然后上移和下移也可以左右移动
可以看见可以进行上移下移左移右移,录制的有点少,但是基本的差不多都看见了, 其实移动到触底会有提示 告诉用户已经到底或者到顶 就不用再点了这个我用的是普通的单项框做的,我想用原本的做但是发现有点问题 最后就是用的普通单选框做的upNode() { if (this.multipleSelection.length != 1) { this.$vMessage({ type: "warning", message: '只能选择一条数据' }) return.原创 2021-08-31 11:02:50 · 243 阅读 · 0 评论 -
前端动态渲染表格的行和列
之前做的一个页面是动态的渲染表格,未知的是行和列,我们要根据后台返回的信息来进行渲染,因为写过两次,但是道理都大同小异,第一次是同时请求两个接口,然后第一个接口返回的是表头,第二次是表值。<el-table-column prop="bindSubjectName" label="主体" align="center" min-width="120" /><el-table-column v-for="item in dynamicTableList" :key="item.byCalc原创 2021-08-27 10:45:21 · 960 阅读 · 0 评论 -
element 的表格的extend
这几天一直在忙的工作,今天特地发一个表格的extend 当我们在下面请求数据的时候 然后就重新折叠起来了 ,因为数据的重新渲染导致的,然后我把当前的折叠节点id保存一下,当重新赋值的时候,让他直接展开。我们会用带这个两个属性 加一个方法 看element ui的描述可知,key绑定的是id 然后expand 绑定为一个数组 当我们展开的时候记录当前的id 然后看数组里面有没有, 当么有的时候就push 进去, 当有的时候 就删除, 但是要判断当前是否传值@expand-change="expan.原创 2021-07-07 16:30:34 · 297 阅读 · 0 评论 -
element 的表格修改里面的padding
今天提出给需求,给当前修改过的数据加个颜色,嗯,不错,然后就开始了今天的一天的工作,到最后写完了?一看??? 不行!!!因为里面的 padding 到导致 内容填充不完整,这怎么办呀,然后就修改样式??? 不管用??? 然后想到了 权重问题 嗯,然后不行!!!完犊子.dialog /deep/.selectChange { padding: 0; .cell { height: 32px; padding: 0; div { width: 100%;原创 2021-06-24 18:17:10 · 3083 阅读 · 3 评论 -
element ui表格可编辑 和 v-if 和 v-show的区别
今天要做一个表格来展示数据,但是其中某一项是要可以编辑的,然后写一下大致的思路顺便贴一下代码,感觉有点拉。我是在数据对象当中添了一项,我是使用this.$set( 返回的数据, isTable ,true )当我请求到数据的时候然后我往里面添了一个isTable有条件的可以让后台给返回的boolean 值。<el-table-column label="xx'' prop="esEnergy" header-align="center" align="center"> <t原创 2021-06-23 14:26:14 · 1550 阅读 · 0 评论 -
实现一个二次点击按钮
前端表格多是一些增删改查,但是删也是其中一项,当我们点击删除的时候,会弹出一个选择框会提示我们确认要删除吗? 这是很正常的一个功能,我们不可能说 ,点击删除,然后就删除了 ,万一点错了那。今天就封装一个小的二次点击功能。<template> <el-button v-bind="$attrs" @click="handleClick"> <slot /> </el-button></template><script&g原创 2021-06-16 10:20:32 · 341 阅读 · 0 评论 -
element ui 上传文件 或 图片
今天做了一个上传图片前来记录一下因为我们的项目是element ui 写的,所以也就根据element ui 的上次组件来进行一个编写。写完发现,哎,不对呀,我其他地方也需要这个上传,所以我就封装一个组件,写的不怎么好,请见谅。<template> <div class="MaxBox"> <el-form>原创 2021-06-10 09:59:26 · 1125 阅读 · 2 评论 -
首次加载表格出现错位问题
表格加载出现错位 ,修复bug上班的时候突然出现一个bug,然后以为是异步加载数据的事情,然后使用强制刷新数据,不可以具体的错误如下:标题 解决办法<el-table ref=’‘tableRef’’> </el-table>this.nextTick(() => {// 初始化表格this.$refs.tableRef.doLayout()})使用table 自带的方法刷新一下...原创 2021-05-27 08:59:39 · 327 阅读 · 1 评论