logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue中表格手风琴展开关闭效果,解决第一次没数据,第二次才显示数据问题

1、表格代码<el-table:data="getList"ref="table":row-key="getRowKeys":expand-row-keys="expands"@expand-change="expndChange"><el-table-column type="expand" width="50"><template><el-table

#vue.js#elementui
vue中表格行展开

1、给表格加上方法@expand-change="onExpandsRow"2、从后台返回的表格数据结构里面含有dtl为null,所以是传入id请求数据。

#vue.js#elementui#javascript
vue+element中展现echarts图表明细,动态生成表格的行与列,表头实现斜线/斜杠

需求:1、echarts图表的类型是动态的,合同类型用柱状图展示,合计用折现图展示。2、下面表格对应的月份跟合同类型是动态的,从后台数据库获取,当查询条件只展示7个月的数据时,下面图表以及表格相应只展示7个月的数据。3、表格头加斜线。4、监听左侧菜单栏是否展开,解决左侧菜单展开关闭时图表自适应2、话不多说贴代码<el-form :inline="true" ref="searchForm"

文章图片
#echarts#vue.js#javascript
vue中第二个select根据第一个select来控制

1、获取第一个select的数据,得到dataList1,绑定到select上<el-form-item label="第一个:" prop="id1"><el-select v-model="optForm.id1" @change="handleChange" clearable><el-optionv-for="(item,index) in dataList1

#vue.js#elementui#javascript
vue中表格某列数据处理,如税率由小数转成百分比

1、从后台获取税率是0.03,表格里面展示时需转换成3%//在相应需要处理的el-table-column 中,添加formatter属性,并绑定了名为ChangeToPercentage的处理函数<el-table-column label="税率" prop="taxRate" :formatter="ChangeToPercentage" min-width="60"> <

#vue.js#elementui#javascript
修改echarts鼠标放上去显示的数据

3、需要给series里面的data做下处理。给chartDetailVOList加个数组datas,包含locTime和value字段名。1、效果如下x轴显示时分,鼠标放上去显示具体的日期和时分。5、设置鼠标放上去的效果。

#echarts#前端#javascript
vue使用element-ui的cascader,value和label为后台返回的值,并获取选中的value和label值

在使用element-ui组件库的cascader级联选择器组件时,我们发现组件默认的数据结构是label为键名,value为键值,但通常后端返回的数据键值并不是value和label,就需要我们通过props属性label和value进行自定义。1、从后台返回的数据结构expenseList: [{expenseId: 1,expenseItem: '运输费-1',child: [expense

#vue.js#ui#elementui
vue中select多选时,保存数据是数组,需要传入id和name

1、数据格式如下,是个数组,要求传入id和title2、在el-select中设置value-key值为唯一,在el-option里面设置:value为item即可<el-select v-model="optForm.outInvoiceTitlesList" value-key="cid" multiple ><el-optionv-for="item in invoiceL

#vue.js#elementui#javascript
vue中批量导入excel并获取数据

1、引入依赖npm install -S file-saver xlsxnpm install -D script-loadernpm install xlsx2、在main.js中引入XLSXimport XLSX from 'xlsx'Vue.use(XLSX)3、页面中放一个批量导入的按钮<el-uploadclass="upload-demo"action=""

#vue.js#前端#javascript
vue中父传子,子组件页面里面有数据,console.log打印出来为空

通过prop向子组件传值,使用该方法时,在我的项目中,得到的数据为空。我的代码如下1、父组件引用子组件,filelookIds是通过axios请求向后台获取的数据<file-list-look :fileLookId="filelookIds" />2、子组件通过props接收 ,在methods方法里面,打印console.log(this.fileLookId)为空,而在页面里面插

#vue.js#前端#elementui
    共 17 条
  • 1
  • 2
  • 请选择