elementui
墨水白云
学如才识,不日进,则日退。
展开
-
elementui[表格多页序号正确自增代码]
<template> <el-table :data="tableData"> <el-table-column type="index" width="50" label="序号" align='center'> <template slot-scope="scope"> <span>{{(pages.page - 1) * pages.size + scope.$index + 1}}</span>原创 2020-07-03 17:36:06 · 1413 阅读 · 0 评论 -
elementui[el-table]表格全选操作以及翻页选中取消相关效果
elementui的表格默认是没有所有数据选中的操作的,仅仅只是选中当前页的10条或者20条数据,因此我们需要自己手动加入一个全选操作的按钮。以此来将数据全部选中保存。el-table全选操作效果如下:如图中所看到的,单页只有十条数据,总共有12条数据,当我点击了全选按钮,十二条数据都将被选中并且保存在我设定的一个数组中,而当页数据将产生全部勾选的效果。全选操作:点击全选按钮时候,触发其change事件,然后调用单独列表接口获取所有的列表数据,然后保存在一个数组中,最后调用toggleAllSe原创 2021-01-04 10:30:12 · 12074 阅读 · 6 评论 -
elementui[v-if切换不同表格,但内容却出现重复问题]
elementui[表格切换内容复用问题]一个vue组件中出现两个表格,表格之间有字段内容完全一样,表格间通过v-if进行切换,结果出现两个表格字段错乱问题解决方法:通过加上不同的key来区分两个表格...原创 2021-02-23 10:22:47 · 1707 阅读 · 1 评论 -
elementui[在vue使用v-for循环渲染el-checkbox-group和el-checkbox组合时,渲染不出label为0的情况]
现象问题:这里通过v-for渲染0-59,因此label选择的是i-1来使得内容出现0的情况然而现实是:lebel = 0的情况渲染不出来。原因可能是elementui对label=0的情况做了处理。问题解决:直接将需要展示的内容放置在标签之间,然后通过{{}}来展示即可结果:渲染出来了。...原创 2020-09-14 10:53:15 · 8048 阅读 · 0 评论 -
elementui[el-tabs出现带上阴影边框的情况][解决记录]
elmentui中在使用el-tabs的时候有时候会遇到一种情况如下:默认带上了一个边框阴影内容,然而只要随便点击一下就能让这个内容消失掉。探究发现,如下:莫名其妙的加了一个 is-focus 类导致了阴影。解决方案:给el-tabs加上一个自定义的类,然后层层找到带上is-focus的类所引上的元素,然后给其阴影强制关闭掉...原创 2020-07-14 16:23:00 · 6735 阅读 · 2 评论 -
elmentui[上传组件el-upload配合axios进行文件上传操作]
文件上传操作方式一:直接使用elementui本身的上传组件进行原创 2020-04-23 10:23:00 · 4096 阅读 · 3 评论 -
elementui[el-table]toggleRowSelection默认多选事件无法选中解决思路
问题今天发现了一个elment el-table toggleRowSelection事件无法默认选中的情况,我的需求可能需要对内容进行一部分修改,比如:我默认选中的内容必须得通过接口或者其他方式来获取,然后再默认选中解决方式:// 这里通过循环选中列表multipleSelection,然后从所有列表tableData中找到需要选中的项来帮助选中,直接使用选中列表来设置可能会出错tog...原创 2019-12-18 14:19:40 · 16211 阅读 · 14 评论