![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
项目实战遇到的问题
*初级小白*~
这个作者很懒,什么都没留下…
展开
-
vue3表格倒计时
【代码】vue3表格倒计时。原创 2023-04-03 11:34:26 · 232 阅读 · 0 评论 -
antdesign表格使用Sortable进行行列拖拽
【代码】antdesign表格使用Sortable进行行列拖拽。原创 2023-02-14 16:01:38 · 582 阅读 · 0 评论 -
vue3 antdesign表格如何自定义“暂无数据”图片
【代码】vue3 antdesign表格如何自定义“暂无数据”图片。原创 2022-12-14 11:35:15 · 1030 阅读 · 0 评论 -
vue3 antdesign表格自定义分页器
【代码】vue3 antdesign表格自定义分页器。原创 2022-12-13 13:54:34 · 734 阅读 · 0 评论 -
vue3:使用antdeisgn表格对表格进行移除,修改
【代码】vue3:使用antdeisgn表格对表格进行移除,修改。原创 2022-11-08 15:27:30 · 468 阅读 · 0 评论 -
window.print()方法调起浏览器打印
【代码】window.print()方法调起浏览器打印。原创 2022-09-14 09:33:59 · 466 阅读 · 0 评论 -
记录多头表头的表格
【代码】记录多头表头的表格。原创 2022-09-07 11:26:41 · 172 阅读 · 0 评论 -
vue3 解决双击与单击事件的冲突
vue3 解决双击与单击事件的冲突。原创 2022-08-06 13:58:50 · 2811 阅读 · 0 评论 -
js:向对象数组中添加新的属性
原数组现数组:let arr=[ { name:'张三', age:18, sex:'男' }, { name:'小李', age:12, sex:'女' } ] console.log(arr) let res=arr.map((item,index)=>{ return {...item,school:'小花中学原创 2022-05-19 10:39:03 · 3556 阅读 · 0 评论 -
vue3:上划第一行导航栏不固定,第二行导航栏变成第一行固定住
<template> <div class="home"> <div class="header"> <div class="logo">logo</div> <div class="nav-list"> <ul> <li>首页</li> <li>首页</li> &l原创 2022-05-10 14:50:29 · 436 阅读 · 0 评论 -
vue3+ts,自定义下拉框与时间
效果图下拉框未点击展开下拉框点击展开时间下拉框代码:<template> <div class="user-menu d-flex align-items-center flex-wrap" :class="open ? 'show' : 'hide'" @click="dianji" > <div class="option ps-1"> <div c原创 2022-05-10 14:19:29 · 499 阅读 · 0 评论 -
vue3点击哪个路由,就获取哪个路由的名称
router上要定义meta{ path: '/home', name: 'Home', component: () => import('@/views/filmprocess/home/Index.vue'), meta: { title: '用户管理', requiresAuth: true } }, { path: '/login',原创 2022-04-26 14:05:27 · 2885 阅读 · 0 评论 -
Vue3的传值:父向子,子向父
父组件向子组件传递值父组件通过:冒号向子组件传递menuOpen<template> <Process :menuOpen="menuOpen" /></template><script setup lang="ts">const menuOpen = ref<boolean>(false);</script>子组件通过defineProps接收父组件传来的值<template><span v-i原创 2022-04-26 10:30:43 · 2638 阅读 · 0 评论 -
获取当前时间的前十二个时间
//获取当前时间 let time = new Date(); //转为utc格式 let end = new Date(time).toISOString(); let hm = new Date(new Date().getTime() - 12 * 60 * 60 * 1000); //获取12个小时以前的时间 let start = new Date(hm).toISOString(); console.log("start", start,原创 2022-03-26 18:14:01 · 849 阅读 · 0 评论 -
使用定时器每隔30秒获取当前时间一个小时前的每隔5分钟的时间数组
需求:每隔30秒需要更新获取当前时间的前十二个小时的时间数组第一次的数组:第二次的数组:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ原创 2022-03-25 14:49:22 · 1174 阅读 · 0 评论 -
解决等待请求数据的空白时期
需求:在发送数据请求的时候,总会有一两秒的时间让我们等待,这时候会出现空白,给用户体验感不好,因此就需要一个等待加载的符号出现,提示用户,正在加载数据中在子组件发送请求数据接口之前向父组件传递一个值为true,表示数据正在加载中,发送完接口之后再向父组件发送一个值为false,表示数据加载完毕子组件://请求接口 requestTime(time) { if(time.length === 0) return; //发送请求数据接口之前向父组件传递一个值为true原创 2022-03-24 09:28:17 · 478 阅读 · 0 评论 -
echarts的坐标轴添加滚轮
单个y轴dataZoom: [ { type: 'slider', show: true, yAxisIndex: [0], left: '93%', start: 0, //数据窗口范围的起始百分比 end: 36 }, { type: 'inside', yAxisIndex: [0], start: 0, end: 3原创 2022-03-23 14:23:50 · 1646 阅读 · 2 评论 -
将数组的每一项相加,并且push到新数组
let arr = [180, 22, 2, 3, 136, 66, 0, 2, 3, 86, 59, 208, 7, 21, 14, 19, 92, 6, 28, 0, 12, 59, 2, 1, 7, 1, 5, 9, 1, 2, 11, 4, 4, 134, 207, 202, 215, 918 ]; let newArr = [] let sum=0 .原创 2022-03-18 18:18:30 · 599 阅读 · 0 评论 -
时间戳转为天时分秒
需求:将时间戳转为天时分秒 function formatDuring(mss) { var days = parseInt(mss / (1000 * 60 * 60 * 24)); var hours = parseInt((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = par转载 2022-03-18 14:02:58 · 1160 阅读 · 0 评论 -
js:如何把一个数组的每一项值加入到另外一个数组对象中
需求:把一个数组的每一项值加入到另外一个数组对象中原数组:转换为: let arr = [{ id: "1", name: "香蕉" }, { id: "2", name: "苹果" }]; console.log(arr) let otherArr = ["好吃", "很好吃"]; arr.forEach((value, index) => { value['evaluate'] =原创 2022-03-16 13:55:33 · 6620 阅读 · 0 评论 -
svg动画
<svg> <circle cx="100" cy="60" r="40" style="fill:white; stroke:green; stroke-dasharray:25; stroke-width:5;"> <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 100 60" to="360 100 60" du...原创 2022-03-15 17:05:01 · 852 阅读 · 0 评论 -
vue:echarts多条柱状图数据的渲染
<template> <div> <div id="myChart" style="width: 100%; height: calc(100vh - 300px)"></div> </div></template><script>const labelOption = { show: true, verticalAlign: "middle", formatter: "{a}",};原创 2022-03-15 09:13:15 · 2270 阅读 · 0 评论 -
vue使用antd的时间控件,将时间控件里面的英文改为中文
需求:将时间控件里面的英文改为中文原图:改为:原创 2022-03-14 17:01:48 · 1499 阅读 · 0 评论 -
echarts:给echarts的坐标添加文字
需求,需要给echarts的坐标添加文字说明在需要添加文字的坐标轴写上axisLabel这个属性原创 2022-03-14 16:49:32 · 3137 阅读 · 0 评论 -
时间转换:js对UTC格式的日期进行转化
需求:将后端传来的时间进行转换原数据:转化为: function rTime(date) { var json_date = new Date(date).toJSON(); return new Date(new Date(json_date) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace( /\.[\d]{3}Z/, '') }原创 2022-03-14 15:36:48 · 3492 阅读 · 0 评论