vue
小小程序员。
这个作者很懒,什么都没留下…
展开
-
refresh token无感刷新
参考:https://blog.csdn.net/m0_56683897/article/details/1318365911,access_token 短期的,接口调用需要的token2,refresh_token 时间长一点的,用来刷新access_token的。原创 2024-01-16 20:41:09 · 333 阅读 · 0 评论 -
VUE中使用防抖和节流
目的:减少请求次数,节省资源防抖:在事件触发n秒后执行函数,如果在n秒内再次出发,就重新计算节流:在多次执行某一动作时,限制为每隔一段时间执行一次函数。防抖:连续的事件,只需触发一次:eg:输入框搜索。输完,再发送请求鼠标的mousemove、mouseover1,简单封装(不需要传参的情况,setTimeout就可以解决)export const debounce = (fn,delay) => { let timer = null; if(timer){ clearTim原创 2022-04-14 10:34:54 · 5509 阅读 · 1 评论 -
vue中使用element-resize-detector
1,安装npm install element-resize-detector --save2,引入使用,这里以echarts为例<template> <div class="hello"> <div class="canvas" ref="canvas"></div> </div></template><script>import * as echarts from "echarts";e原创 2022-04-12 20:05:30 · 4421 阅读 · 0 评论 -
vue中使用websocket
概念部分:1,WebSocket 是 HTML5 提供的 TCP 连接上进行全双工通讯的协议。一次握手之后,服务器和客户端可以互相主动通信,双向传输数据。2,浏览器想服务器发送请求,建立连接之后,可通过send()方法想服务器发送数据,并通过message事件接受服务器返回的数据。<script>export default { mounted() { this.connectWebsocket(); }, methods: { connectWebsocke原创 2022-04-09 19:02:41 · 28982 阅读 · 3 评论 -
VUE3国际化
1,安装vue-i18n插件,9版本以上vue3用的npm install vue-i18n --save或者npm install vue-i18n@9 --save2,src目录,新建lang文件夹en.jsexport default { test: { login: "login" }}zh.jsexport default { test: { login: "登录" }}index.jsimport Vu原创 2022-04-09 18:07:52 · 1065 阅读 · 0 评论 -
VUE2国际化
1,安装vue-i18n插件,9版本以上vue3用的npm install vue-i18n@8 --save2,src目录,新建lang文件夹en.jsexport default { test: { login: "login" }}zh.jsexport default { test: { login: "登录" }}index.jsimport Vue from 'vue';import VueI18n fr原创 2022-04-06 23:44:09 · 618 阅读 · 0 评论 -
vue 项目全局添加水印
全局添加水印的思路:相当于加了一个层级很高的canvas1,新建遮罩waterMark.js'use strict'let watermark = {}let setWatermark = (str) => { let id = '1.23452384164.123412415' if (document.getElementById(id) !== null) { document.body.removeChild(document.getElementById(id)原创 2022-01-17 16:49:40 · 2665 阅读 · 1 评论 -
echarts动态数据页面刷新问题
问题描述:页面数据返回ok,echarts图表不自动更新,依然显示最初的模样chart.setOption(option, notMerge, lazyUpdate);官方文档介绍:官方文档:setOption<template> <div style="display:flex;justify-content: space-evenly"> <div id="myChart" :style="{width: '300px', height:原创 2021-07-19 23:56:03 · 3496 阅读 · 2 评论 -
elementUI 分页组件复用 默认显示第一页的问题
<div class="BOX_page v-show="list.length>0" > <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="queryList.pageNo" :page-size="q..原创 2021-05-25 17:54:32 · 634 阅读 · 1 评论