11 2022 档案

el-table 的 show-overflow-tooltip 显示过长遮挡字体处理办法

摘要：去掉 show-overflow-tooltip 使用 el-tooltip 效果： <el-table-column prop="Remark" width="auto" label="备注"> <template slot-scope="scope"> <el-tooltip popper-cl 阅读全文

posted @ 2022-11-25 16:58 热爱前端的5号机器阅读(1327) 评论(0) 推荐(0) 编辑

JAVA 安装环境变量

摘要：1.找到当前安装JDK的路径 2.去环境变量设置部分win10 电脑有小bug 重启后配置的环境变量会失效解决方案 1. JAVA_HOME 一样配 2.在path中就直接写入完整路径比如 F:\JAVA\JDK\bin 阅读全文

posted @ 2022-11-21 23:08 热爱前端的5号机器阅读(32) 评论(0) 推荐(0) 编辑

JDK 的安装

摘要：1. 官网下载 https://www.oracle.com/java/technologies/downloads/#jdk17-windows 2.安装最好不要用中文路径直接下一步下一步就可以了 3. 新建HelloWorld.java 尝试“HelloWorld” public class 阅读全文

posted @ 2022-11-21 22:49 热爱前端的5号机器阅读(65) 评论(0) 推荐(0) 编辑

vue+JS 获取当前实时时间

摘要：<template> <div class="container"> <div class="header"> <h1>数据可视化-Echarts</h1> <div class="show-time">当前时间: {{ nowDate }}</div> </div> <div class="foo 阅读全文

posted @ 2022-11-20 11:41 热爱前端的5号机器阅读(690) 评论(0) 推荐(0) 编辑

vue 中使用flexible+rem 实现页面元素随窗口大小自适应w

摘要：1.引入flexible.js 这个适用于ui图1920px 其他大小需对应调整 flexible.js 把屏幕分为24等份把下面的代码复制到项目中新建一个 js文件 (function flexible(window, document) { var docEl = document.docu 阅读全文

posted @ 2022-11-20 11:15 热爱前端的5号机器阅读(796) 评论(0) 推荐(0) 编辑

vue 路由传参

摘要：1. 路由传参两种方式 params 方式 query方式 params方式需要占位 query方式不需要阅读全文

posted @ 2022-11-17 23:55 热爱前端的5号机器阅读(16) 评论(0) 推荐(0) 编辑

使用路由元信息全局控制显示隐藏路由组件

摘要：1.在路由中配置自定义属性 2.在使用页面组件中用$route.meta.show 是否为true判断组件显示或隐藏下面为例 3. 示例阅读全文

posted @ 2022-11-17 23:28 热爱前端的5号机器阅读(124) 评论(0) 推荐(0) 编辑

vue 路由守卫使用笔记

摘要：阅读全文

posted @ 2022-11-16 22:23 热爱前端的5号机器阅读(16) 评论(0) 推荐(0) 编辑

vue中封装axios 以便管理和使用

摘要：1.npm 或 yarn 安装axios到项目中 npm install axios yarn add axios 2.新建api文件引入服务器的基本IP:端口 //所有用户的接口 import axios from "axios"; //服务器的基本IP:端口 axios.defaults.ba 阅读全文

posted @ 2022-11-14 23:32 热爱前端的5号机器阅读(32) 评论(0) 推荐(0) 编辑

vue+element-ui 更换自定义主题颜色

摘要：1.在elemetn官网找到主题配置自己的主题颜色 2.下载的样式解压后引入项目中 3.把刚刚解压的文件放到我们项目里 4.在main.js里面去全局引入 5.这样全局就生效了下面是效果对比阅读全文

posted @ 2022-11-14 22:28 热爱前端的5号机器阅读(931) 评论(0) 推荐(0) 编辑

vue + el-menu 动态加载一二级菜单侧边栏

摘要：1.HTML <template> <div class="container"> <div class="top">上</div> <div class="main">  <div class="left"> <!-- default- 阅读全文

posted @ 2022-11-14 22:02 热爱前端的5号机器阅读(2002) 评论(0) 推荐(0) 编辑

vue实现上下切换自动轮播移入移出暂停轮播

摘要：<template> <div class="about"> <div style="display:flex;"> <div class="left"> <div class="box1"> <div class="box2" :style="{ backgroundColor: bgC }" @ 阅读全文

posted @ 2022-11-13 21:35 热爱前端的5号机器阅读(687) 评论(0) 推荐(0) 编辑

JS 计算两个日期的时间

摘要：/* * 获得时间差,时间格式为年-月-日小时:分钟:秒或者年/月/日小时：分钟：秒 * 其中，年月日为全格式，例如： 2010-10-12 01:00:00 * 返回精度为：秒，分，小时，天 */ function GetDate(startTime, endTime, diffTyp 阅读全文

posted @ 2022-11-02 10:13 热爱前端的5号机器阅读(95) 评论(0) 推荐(0) 编辑

手动验证输入框必须输入数字并且保留两位小数点

摘要：<el-input v-model="value" clearable @input="ruleInput"> </el-input> // value 是输入框的值在输入框上绑定 input事件 let numrulse=('' + value).replace(/[^\d^\.]+/g, '' 阅读全文

posted @ 2022-11-01 10:02 热爱前端的5号机器阅读(104) 评论(0) 推荐(0) 编辑