- 博客(49)
- 收藏
- 关注
RSS订阅原创 vue禁用键盘上某个按键
mounted(){},if(key == 122) return false //禁用f11按键},keyCode 实际键值48到57 0到9。
2024-02-26 16:38:57
824
原创 使element 下拉框 从上到下展开
因为有时候 下拉框 距离 下方 空间不够 就会 从 下到上展开 设置这个 不管什么情况 都会从 上到下展开。.el-select-dropdown { //下拉框名字。
2024-02-20 11:01:05
491
原创 返回上一页 刷新
/如果要强行刷新的话就是：window.history.back();//刷新当前页 window.location.reload();history.go(-1), 返回两个页面: history.go(-2);window.history.go(返回第几页,也可以使用访问过的URL)window.history.go(-1);window.history.forward()返回下一页。
2024-02-20 10:53:03
562
原创 ＜title＞＜%= htmlWebpackPlugin.options.title %＞＜/title＞问题
但是vue并不希望我们直接操作webpack的配置文件，这样容易产生冲突，所以采用了一种chainWebpack的方法。chainWebpack: config => { 添加这个。这是在webpack中使用HtmlWebpackPlugin的用法。args[0].title= '勇敢牛牛'
2024-02-19 09:36:55
967
原创 项目不用安装node直接安装nvm就行
nvm install 【node版本号】nvm use 【安装过的node版本号】安装完nvm直接通过。
2024-02-19 09:34:08
273
原创 在父组件监听子组件的生命周期方法
/ 子组件触发mounted,父组件就触发这个事件。父组件如何在子组件的mounted生命周期里做某些处理？//子组件，什么也不需要操作。
2024-02-19 09:28:45
424
原创 生成随机数 给那些自己封装的组件里面的id不能重复设置的
export function guid() { function s4() { return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1); } return s4() + s4() + s4() + s4() + s4() + s4();}
2024-02-19 09:10:25
146
原创 vue禁用键盘上某个按键
mounted(){},if(key == 122) return false //禁用f11按键},keyCode 实际键值48到57 0到9。
2024-02-19 09:08:41
1100
原创 百度地图 去除百度地图左下角图标文字
/设置放大级别固定为9//禁止拖拽//禁止缩放//禁用双击放大//禁用双指操作缩放//禁用键盘操作//添加地图类型控件map.setCurrentCity("xxx市");// 设置地图显示的城市 此项是必须设置的。
2024-02-19 09:06:29
666
原创 前端点击跳转页面 刷新 返回 是默认的导航
/ 在页面刷新时将vuex里的信息保存到sessionStorage里。// 在页面加载时读取sessionStorage里的状态信息。// beforeunload事件在页面刷新时先触发。
2024-02-19 09:04:52
192
原创 element-ui 搜索框清空时页面刷新
" placeholder="请输入文件名称" v-model="searchfilename" clearable>搜索功能非常常见，element-ui自带的输入框以及清空功能，但是清空只能使输入框清空，而不会使页面跟着一起刷新，下面两种方法可以使输入框清空时页面也回到搜索之前的样子。if (this.searchfilename.length == 0) {//如果输入框里面为空就刷新页面。1.直接在input里加上change事件，事件绑定页面刷新方法即可。
2024-02-19 09:03:50
528
原创 setRotation地图撒点icon图标旋转船舶航向等
在项目中安装 leaflet-rotatedmarker 插件：npm install leaflet-rotatedmarker --save。let marker = L.marker([res.lat, res.lng], {rotationAngle:45// 设置旋转角度为45度。leaflet 中没有 setRotation 方法，因此可以使用 leaflet-rotatedmarker 插件来实现旋转功能。导入插件：import 'leaflet-rotatedmarker';
2024-02-19 09:00:18
613
原创 给日历每月里面的日期添加背景不同颜色
{ date: '2023-11-01', status: '已做', colos: '#8EC736' },{ date: '2023-11-02', status: '已做', colos: '#8EC736' },{ date: '2023-11-03', status: '已做', colos: '#8EC736' },{ date: '2023-11-11', status: '已做', colos: '#8EC736' },
2024-02-19 08:57:52
1276
原创 前端导出excel表格
post_${new Date().getTime()}.xlsx` //post请求 后缀名是.xlsx。"http://xxxxxxxxxxxxxxxxxxxxxxxxxxxxx", //接口。dwdyguw(){//导出离线设备。在main.js里面全局挂载。在request.js里面。
2024-02-19 08:57:16
370
原创 防抖 在一定时间间隔内，多次调用一个方法，只会执行一次.
在一定时间间隔内，多次调用一个方法，只会执行一次./***/// 据上一次触发时间间隔// 上次被包装函数被调用时间间隔 last 小于设定时间间隔 wait} else {// 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用if (!if (!timeout// 如果延时不存在，重新设定延时if (!}}
2024-02-18 16:43:30
627
原创 前端脱敏处理
几种常见的脱敏方式：let str = '16666666666'console.log(enStr) // 166****6666// 第一种// 第二种。
2024-02-18 16:42:08
727
原创 阿拉伯数字转中文数字
var AA = new Array("零", "一", "二", "三", "四", "五", "六", "七", "八", "九");var BB = new Array("", "十", "百", "千", "万", "亿", "点", "");//一千八百九十二万七千八百三十四。if (a.length > 1) //加上小数部分(如果有小数部分)
2024-02-18 16:41:07
394
原创 防止多次点击重复路由控制台报错
const routerPush = Router.prototype.push //写在router 的index.js里面。if (typeof(location) == "string") { //判断可要可不要。// 防止连续点击多次路由报错。
2024-02-18 16:40:33
422
原创 echarts里面样式解析
在main.js中添加下面两行代码【注释】：import echarts from 'echarts' 引入echarts后，不能全局使用echarts,所以通过Vue.prototype 将echarts保存为全局变量。原则上$echarts可以为任意变量名。
2024-02-18 16:32:31
831
1原创 前端设置复制粘贴
yarn add copy-to-clipboard //yarn安装。npm install --save copy-to-clipboard //npm 安装。//pageConfig.link要复制的数据。message.success('复制成功');插件copy-to-clipboard。
2023-05-11 14:55:18
190
原创 video.js-contrib-hls拉流播放
/ video.js样式。bigPlayButton: true, // 显示播放按钮。4.在使用的页面中引入videojs-contrib-hls和video.js。'my-video', //播放的dom id。controlBar: true, // 显示控件。1.下载videojs-contrib-hls依赖。2. main中引入video-js.css。// 延迟一秒来唤起播放器。8.页面关闭的时候销毁。
2023-05-11 14:52:01
3002
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人