- 博客(43)
- 问答 (1)
- 收藏
- 关注
原创 flex布局 底部居中,不限制宽度,超出加滚动条
当宽度小于设定的80%宽度时,flex布局不居中,加上 justify-content: center;数据多时会有左侧数据被隐藏,可以再设置动态样式加上。
2024-03-11 11:49:05 353
原创 一些公共方法。utils存放
三、柱状图数据较多时,横坐标自动滚动。注意以上在组件销毁时,定时器需要关闭。二、el-table 自动滚动。2.返回http url地址。
2024-03-04 15:24:22 207
原创 el-table 选择回显 分页保存已选数据
每次请求都执行一次setSelectRow方法。针对表格数据多选,回显,分页还要保存已选数据。otherSelect 非当前页选中的数据。selectList 就是最终选中的数据。tableList 当前页表格数据。selectList 初始数据。给el-table 添加属性。
2024-02-02 15:02:02 691
原创 vue3 vuedraggable draggable element must have an item slot
看官网使用这种<template #item=“{ element }”>
2024-01-04 14:52:28 580 1
原创 Syntax Error: Unexpected token (1:552) Vue编译错误
查看html代码中有无使用三目运算符 或类似?这个写法在不同同事电脑间好时坏,尽量不要用,若要写可用计算属性替代。也有可能是哪个webpack 问题,暂时没有找到。观察下面定位的哪个vue文件。尝试注释后项目可运行。
2023-08-30 10:53:37 140
原创 vscode 前端开发插件 2023
如果是scss less的话。css peak插件无法生效。js+html+css文件都可以显示。CTRL+点击类名可跳转到对应样式位置。chinese+git 必装没啥可说。可以看到每一行的git提交记录。可以同步更新前后标签名。
2023-08-01 16:58:44 789
原创 JS 两个数组通过对象映射绑定
页面渲染时使用了一个数组,而接口也返回了一个数组。两个数组有部分数据重合,但不能完全使用接口返回的。需通过两个数组重合的唯一字段关联
2023-07-13 15:42:55 251
原创 【element】】只用一个el-date-picker组件,限制选中时间的前后30天范围可选
只用一个时间组件,在选中一个时间后,自动限制另一时间的选择
2023-06-20 14:35:14 393
原创 Error during artifact deployment. See server log for details.解决
idea 卡主 Error during artifact deployment. See server log for details.
2023-02-16 12:04:06 91
原创 element-ui 日期时间选择器 ,利用时间戳实现表单验证
element-ui 日期时间选择器 ,利用时间戳实现表单验证。补充了picker-options的使用
2022-09-01 14:07:22 1106
原创 el-date-picker 时间选择器 自定义年月日格式
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 5393
原创 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 1592
原创 记录使用QRCode 显示并下载二维码图片
记录使用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 1596
原创 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 3187
原创 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 2481
原创 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 5856
原创 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 338
原创 使用Echarts创建好看的仪表盘
项目在用vue框架思路是使用多个仪表盘拼接data(){ return{ option:{ series: [ //最外的圆圈(外层刻度) { type: 'gauge', center: [ '50%', '55%' ].
2021-04-30 15:22:55 1591
原创 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 7755 2
原创 JS如何利用时间戳来计算某一时间的前后时间
计算某一时刻n分钟前后的时间let newTime = new Date('2020-10-28 15:20:56');let fiveMinBefore = newTime.getTime() - 5 * 60 * 1000;let fiveMinAfter = newTime.getTime() + 5 * 60 * 1000;let startTime = getTime({ setTimes: new Date(fiveMinBefore), type:'yy-mm-dd hh:mm:s
2020-11-12 14:38:44 1212
空空如也
HbuilderX 运行app项目不成功
2022-06-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人