logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

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
vue中input失去焦点时验证输入的数据是否存在

做vue项目的时候遇到了一个需求,在验证某个表单项时不仅需要是必填项而且要去通过接口校验输入的数据是否存在1、给表单加:rules="rules",并且在data里面设置rulesrules: {name:[{required: true,message: '该项为必填项'},{trigger: 'blur',validator: checkValueNameIfExist}],}2、定义chec

#vue.js#javascript#前端
vue中表格批量导入数据,新增时表格增加一行并保存

1、效果图如下,2至4条是批量导入的数据,第一条是新增数据2、表格代码如下,用scope.row.edit控制是否显示新增的输入框<el-tableclass="mt-10":data="invoiceOpt.invoicenoRegisterList"stripeborder><el-table-column type="index" label="序号" min-width=

#vue.js#前端#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
uniapp吸顶效果实现

【代码】uniapp吸顶效果实现。

#uni-app
    共 13 条
  • 1
  • 2
  • 请选择