
vue
文章平均质量分 83
不三
这个作者很懒,什么都没留下…
展开
-
el-table 复杂表头行内增删改代码示例
el-table 复杂表头行内增删改代码示例原创 2023-02-20 09:49:42 · 454 阅读 · 0 评论 -
el-calendar日历组件
el-calendar日历组件及使用原创 2023-02-15 16:23:22 · 661 阅读 · 0 评论 -
FullCalendar-vue demo例子
FullCalendar-vue demo例子一、 样图1. 月视图2. 周视图3. 日视图二、 依赖1. 在package.json中引入依赖2. 执行以下命令下载依赖三、代码1. demo代码2. event-utils.js一、 样图1. 月视图2. 周视图3. 日视图二、 依赖1. 在package.json中引入依赖 "dependencies": { "@fullcalendar/core": "^4.3.1", "@fullcalendar/moment":原创 2021-03-18 17:08:11 · 1576 阅读 · 1 评论 -
自动生成简单vue表单代码的网址
https://mrhj.gitee.io/form-generator/#/原创 2020-12-29 15:40:15 · 157 阅读 · 0 评论 -
echarts点击柱状图出新的图表自适应屏幕
echarts点击柱状图出新的图表自适应屏幕未点击之前的页面:点击柱状图后的效果:解决:在data中定义屏幕高度 windowsHeight: document.documentElement.clientHeight, heightMax: 0, heightMin: 0,修改柱状图style <!-- 柱状图部分 --> <div> <el-col :span="24">原创 2020-09-18 16:25:45 · 603 阅读 · 0 评论 -
js获取当前月总天数的数组
// 获取当前月的所有天数的数组 mGetDate() { var date = new Date() var year = date.getFullYear() var month = date.getMonth() + 1 var d = new Date(year, month, 0) var dayCounts = d.getDate() var arr = [] for (var i = 0; i...原创 2020-08-20 14:55:25 · 648 阅读 · 0 评论 -
vue动态生成table的表头和表体
vue动态生成table的表头和表体页面代码<template> <div style="margin-top:400px;" class="content">损失分布</div> <div class="text item"> <el-table :data="lossTable" style="width: 100%"> <el-table-column prop原创 2020-08-15 16:39:18 · 891 阅读 · 0 评论 -
js时间格式转换
js时间格式转换 // 日期转化为“年-月-日”格式 dateToString(date) { var year = date.getFullYear() var month = (date.getMonth() + 1).toString() var day = date.getDate().toString() if (month.length == 1) { month = '0' + month } i原创 2020-07-30 16:41:19 · 318 阅读 · 0 评论 -
vue中的倒计时
vue中的倒计时 // 倒计时方法 countTime() { const that = this // 设置截止时间 // 在pc端浏览器可以这样写 var date = new Date() var now = date.getTime() // this.prePart.startTime var endDate = new Date(this.prePart.startTime) // var原创 2020-07-30 14:27:15 · 289 阅读 · 0 评论 -
js获取当天时间所在月、日、周
获取当天时间所在月、日、周的js方法 // 获取当天所在月、日、周 getCurrentDay() { var week // 获取当前星期baiX(0-6,0代表du星期天) // eslint-disable-next-line eqeqeq if (new Date().getDay() === 0) { week = '星期日' } // eslint-disable-next-line eqeq原创 2020-07-30 14:19:04 · 347 阅读 · 0 评论 -
Echarts堆叠条形图前后端数据交互
Echarts堆叠条形图前后端数据交互一、页面代码二、后台代码1. 创建图标对应的对象2. 在controller层模拟数据库数据先上个图:一、页面代码<template> <div class="app-container"> <!-- 柱状图部分 --> <div id="main" style="width:100%;height:600px"></div> </div></template原创 2020-05-15 16:31:48 · 876 阅读 · 0 评论 -
vue在列表和下拉框中显示icon图标
vue在列表和下拉框中显示icon图标一、 在项目中引入阿里云icon图标二、 在data中定义icon图标列表三、 在下拉框中显示icon图标四、 在列表中显示icon图标一、 在项目中引入阿里云icon图标进入: 阿里图标官网随便选择一个图标库选择自己想要的图标(可以搜索)5. 添加到购物车6. 进入购物车,下载代码7. 下载解压后只留以下五个文件,其他的都删了8. 把上边五个文件拷贝到项目中src的assets文件下9. 在main.js里面引入iconf原创 2020-05-15 15:53:12 · 8593 阅读 · 1 评论