- 博客(60)
- 资源 (4)
- 问答 (1)
- 收藏
- 关注
原创 Naive UI 中使用message组件,在.vue文件之外使用
Naive UI 中使用message组件,如果你想在 setup 外使用信息,你需要在顶层 setup 中把 useMessage 返回的 message 值挂载到 window 下然后再调用,调用前需要确保 message 已经挂载成功。
2023-11-15 11:31:39 459
原创 antd a-select多选框 实现全选
@TOC欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将会带来全新的写作体验;在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;
2022-05-05 15:39:46 8090 2
原创 antd a-select多选框 控制可选个数
antd a-select多选框 控制可选个数效果图如下: QQ录屏20220426112001 <a-select class="select" mode="multiple" labelInValue v-model="selectedSubject" >
2022-04-26 11:32:43 2937
原创 atnd a-table列表 分页 前端计算连续的序号
table列表 分页 前端计算连续的序号如图:思路:序号=(当前页码 - 1)* 每页条数 + 索引 + 1序号 = (pageNum - 1) * pageSize + index + 1
2022-04-20 14:15:55 1364
原创 JS 重新加载iframe标签里的内容
JS 重新加载iframe标签里的内容 <div class="big-data-box"> <button @click="reloadIframe">刷新iframe</button> <iframe :src="src" name="bigDataIframe" frameborder='0' scrolling="auto" ></iframe> </d
2022-03-18 15:12:37 995
原创 vue 切换页面(路由)时保持滚动条回到顶部
vue 切换页面(路由)时保持滚动条回到顶部vue项目做pc端的时候,发现在两个页面切换时 滚动条没有回到顶部而是保持原先的位置;这是由于vue是单页面应用,只是更换了路由内容,还在当前页面滚动条是不会回到顶部的。解决办法是在切换路由的时候,将滚动区域的滚动条复位为0。 // 使用 watch 监听$router的变化, watch: { '$route': function(to, from) { document.querySelector('html').scrol
2022-02-09 17:29:30 1066
原创 修改滚动条样式
修改滚动条样式 /*滚动条整体样式*/ ::-webkit-scrollbar { /*高宽分别对应横竖滚动条的尺寸*/ width: 16px; background-color: rgba(255, 255, 255, 0.1); } /*滚动条里面滑块*/ ::-webkit-scrollbar-thumb { background: #465880; }
2022-01-24 16:21:31 2096
转载 js中给元素添加类的方法
一.原生js中添加类的方法1.为 <div> 元素添加一个类:document.getElementById("div").classList.add("类名");2.为 <div> 元素添加多个类:document.getElementById("div").classList.add("类名1","类名2","类名3",...);3.为 <div> 元素移除一个类:document.getElementById("div").classList.remov
2022-01-14 11:09:44 17335
原创 js获取页面元素距离浏览器工作区顶端的距离
js获取页面元素距离浏览器工作区顶端的距离先介绍几个属性:(暂时只测了IE和firefox,工作中用到的最多的是chrome)网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度)(javascript) document.documentElement.scrollTop //firefox(javascript) document.documentElement.scrollLeft //firefox(javascript) docu
2022-01-14 11:03:39 644
原创 CSS 文字超出隐藏,显示省略号,文字垂直显示 内容超出容器时显示滚动条
CSS 文字超出隐藏,显示省略号效果图:overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
2021-11-23 10:48:37 891
原创 vue 组件中 利用 v-show 实现轮播图的简单思路
vue 组件中实现轮播图的简单思路之前写过一篇 用原生js写一个轮播图原生的代码写的比较多,这次用vue写的就很简单了<template> <div class="screen-div"> <!-- S 轮播图 --> <div class="img-box" @mouseenter="mouseenter" @mouseleave="mouseleave" > <img
2021-11-19 18:40:41 707
原创 原生JS 实现字幕滚动
原生JS 实现字幕滚动<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>滚动字幕</title> <style> #marquee { color: red; display: block; width: 96%; h
2021-11-11 10:17:18 2100
原创 vue项目通过axios请求实现下载excel文件功能
vue项目通过axios请求实现下载excel文件功能写在开头:通过a标签 <a href="文件下载地址"> </a> 也能实现文件的下载功能,前提是后端写的这个下载接口的请求方式是get。但是这种方式存在一个问题,使用a标签下载文件,请求接口的时候无法在请求头中携带token,如果这个接口要求验证token信息,那么a标签请求就会被拦截,不能完成下载,因此,就可以通过发送axios请求来实现下载功能。第一步:页面中的dom元素绑定点击事件<el-button
2021-09-30 18:18:58 1779
原创 平时没注意到的 宝藏JS方法
平时没注意到的 宝藏JS方法toLocaleString()toLocaleString() 方法可把一个 Number 对象转换为本地格式的字符串。返回值:数字的字符串表示,由实现决定,根据本地规范进行格式化,可能影响到小数点或千分位分隔符采用的 标点符号。new Date().toLocaleString() // 2021/9/16 下午3:13:14let a = 4545454;console.log( a.toLocaleString());// 4,545,45
2021-09-16 15:21:44 73
原创 vue 项目 elementUI修改表格的高度
vue 项目 elementUI修改表格的高度elementUI table表格中 td单元格有一个默认的样式,padding使得表格中每一行都比较高有时候我们需要根据自己的需求调整表格每一行的高度,就需要修改这个样式
2021-09-03 09:57:11 1567 1
原创 git 提交代码时,Please enter a commit message to explain why this merge is necessary
Please enter a commit message to explain why this merge is necessary.请输入提交消息来解释为什么这种合并是必要的多人合作开发时,在push自己的代码时,要先pull一下,有冲突的话就解决冲突,有时会遇到这个界面。如果要输入解释的话就需要:1、按键盘字母 i 进入insert模式2、修改最上面那行黄色合并信息,输入自己想要的内容3、输入完成后,按键盘左上角"Esc"4、输入:wq,注意是英文状态的冒号+wq,按回车键即可
2021-08-25 09:33:34 828
原创 vue+ elementUI tab标签页里面的table 列数据错乱,数据跑错列
vue+ elementUI tab标签页里面的table 列数据错乱,数据跑错列一、存在问题:如上图所示:情况说明:表格列数据错乱的table是放在tab标签页中的;“优惠策略”标签页中的table 也存在这种情况数据错乱的列 做了条件判断 (v-if)具体是什么原因导致的不清楚二、 解决方法:给table中的每一列绑定key值 :key = " 唯一的值 "...
2021-08-18 17:55:56 802
原创 element UI 表格实现 表尾合计行 ——小肉包
element UI 表格实现 表尾合计行可以根据需要计算任意列的合计,效果图如下说明:
2021-07-27 16:44:50 5891 4
原创 elementUI table 表格 自定义表头内容(加列名解释)
element UI table 表格 自定义表头内容(加列名解释) 使用element UI的 table 组件创建的表格,需要给每一个列名加上字段解释,鼠标悬停的时候,显示出解释的文字,鼠标移出的时候文字隐藏,页面效果如图:方法一: element UI官方提供了自定义表头的方法(我没有使用它提供的方法,等有空再来试一下该方法)参考element UI官方文档 自定义表头内容方法二:``...
2021-07-26 18:31:42 17999 3
原创 JS 中的Math方法向上取整、向下取整、保留整数、绝对值、取最大值、最小值等
JS 中的Math方法向上取整、向下取整、保留整数、绝对值、取最大值、最小值等1.只保留整数部分(丢弃小数部分)parseInt(5.1234);// 52.向下取整(<= 该数值的最大整数)和parseInt()一样Math.floor(5.1234);// 5 3.向上取整(有小数,整数就+1)Math.ceil(5.1234);4.四舍五入(小数部分)Math.round(5.1234);// 5Math.round(5.6789);// 65.
2021-07-15 09:37:40 2866
原创 MySQL学习笔记
MySQL学习笔记一、概念数据库:英文单词:DataBase,简称DB,顾名思义,就是存储数据的仓库,是按照一定格式存储数据的一些文件的集合。(数据库实际上就是一些文件,这些文件中存储了具有特定格式的数据。)数据库管理系统:英文单词:DataBaseManagement,简称DBMS。数据库管理系统是专门用来管理数据库中的数据的,数据库管理系统可以对数据库中的数据进行增删改查。常见的数据库管理系统:MySQL、Oracle、sqlServer、DB2、Sybase等。SQ
2021-07-11 18:44:08 98
TA创建的收藏夹 TA关注的收藏夹
TA关注的人