Roottt_-CSDN博客

el-date-picker 时间选择器自定义年月日三种选择年后，选月份时会默认所选年份，日期一样当自选日期后，年份月份也会与当前选择一致代码 <div class=''> <span>年</span> <el-date-picker v-model="selectYear" size='mini' type="year" @change='selectYearFun'

2021-11-15 14:29:33 5412

原创 el-upload 自定义上传并校验文件格式

功能：选择图片或其他文件格式，切换类型或格式错误时删除已上传文件vue <el-form-item label="文件类型"> <el-radio-group v-model="form.fileType" @change='fileList=[]'> <el-radio label="0">图纸</el-radio> <el-radio label="1">说明文档</el-radio>

2021-11-03 11:06:25 1628

记录使用QRCode 生成二维码项目安装qrcode 命令：npm install --save qrcodejs2引入 import QRCode from ‘qrcodejs2’后端提供qrcodeId使用场景vue element el-table例如表格数据tableDatamounted(){ this.tableData = [ {qrCodeId:'147152707256324096'} ] this.tableData.forEach(item=>{ this.q

2021-09-14 16:07:56 1602

原创 el-table中的el-popover属性使用trigger=“click“ ，通过点击按钮也能关闭

案例：点击某个表格修改数量，点击确认后关闭popover<template slot-scope='scope'> <el-popover popper-class='changeNum' placement="right" width="200" :ref="`popover${scope.$index}`" title="修改数量"

2021-08-26 16:02:40 3214

原创 Element 对el-table-column prop值格式化处理

<el-table :data="tableData"> <el-table-column prop="timestamp" label="时间" :formatter='filterTime'></el-table-column> </el-table>案例：后端返回的时间格式是时间戳形式，需要显示为2021-08-23格式使用官方给出的方法methods:{ filterTime(row, column, cellValue){

2021-08-23 17:15:18 2528

原创 echarts饼图指示线样式加圆点，配置解释全

完成图代码写在vue data()里，具体格式看框架option: { //鼠标移动到饼图某一块时弹出 tooltip: { trigger: 'item', formatter: '{b} : {c}',//b为数据名，d为数据值 }, //颜色与series data里的按顺序的一一对应 color: ['#33db88', '#29c921','#dd385e','#7d00fb','#3

2021-07-30 10:58:55 6004

原创 js计算时间方法，返回时间格式yyyy-MM-dd hh:mm:ss

调用方法let nowDay = new Date();let endTime = timesFun(nowDay,0)let startTime = timesFun(nowDay,3) //三个月前/** * 返回时间格式为2020-04-22 14:02:15 * @Params num 月份数 * */function timesFun(time,num){ let year = time.getFullYear(); let month = time.getMon

2021-05-06 13:42:03 341

原创使用Echarts创建好看的仪表盘

项目在用vue框架思路是使用多个仪表盘拼接data(){ return{ option:{ series: [ //最外的圆圈（外层刻度） { type: 'gauge', center: [ '50%', '55%' ].

2021-04-30 15:22:55 1617

原创 WebStorm右端小地图/代码收缩图

WebStorm右端小地图/代码收缩图显示关闭快捷键ctrl+shift +g

2020-12-01 15:05:49 3191

原创 vue使用sessionStorage存储数据，页面不能实时更新

在vue中使用sessionStorage存储数据，当数据变化时页面不及时更新数据，需F5刷新页面才变化其他页面存储，另一父组件页面获取，子组件渲染，刚开始一直以为是父子组件传递数据这里有bug一、首先在main.js中声明全局变量这段代码是在网上找来的，这个key===的值为你存储sessionStorage声明的key// 只需修改xxxxx值，其余无需修改Vue.prototype.resetSetItem = function (key, newVal) { if (key === '

2020-11-23 15:16:18 7811 2

空空如也

HbuilderX 运行app项目不成功