VUE 检测用户20秒内不进行操作倒计时退出

  • Post author:
  • Post category:vue

1.封装方法(需要自己在vuex中设置actions方法,全局储存outTime) // 设置倒计时的时间(单位:秒) let countDown; // 定时器 ID let countDownSeconds; // 定时器 秒数 let originalTime //传入的原始秒数,用于恢复定时 export function timeOut(seconds){ if(seconds) ori…

继续阅读 VUE 检测用户20秒内不进行操作倒计时退出

vue源码5–学习数组与对象的响应式

  • Post author:
  • Post category:vue

var arrayProto = Array.prototype; var arrayMethods = Object.create(arrayProto); var methodsToPatch = [ "push", "pop", "shift", "unshift", "splice", "sort", "reverse", ]; /** * Intercept mutating metho…

继续阅读 vue源码5–学习数组与对象的响应式

vue实现类似于el-table-column的当内容过长被隐藏时显示 tooltip的组件

  • Post author:
  • Post category:vue

vue实现类似于el-table-column的当内容过长被隐藏时显示 tooltip的组件 前言 最近这家公司的项目有很多仅作展示的类似于报告的页面,但设计稿设计的极不合理的,在小屏宽度自适应的时候经常会出现文字展示不全或换行的问题,为了优化这类的显示效果,采用了给对应元素的设置title办法解决。但title的问题在于不管文字展示全不全都会展示,而且样式不能自定义。在element-ui的ta…

继续阅读 vue实现类似于el-table-column的当内容过长被隐藏时显示 tooltip的组件

vue3 axios的使用

  • Post author:
  • Post category:vue

话不多说在,直接奔入主题。 首先是安装axios npm i axios vue-axios --save 之后在main.js进行配置 import axios from 'axios' import VueAxios from 'vue-axios' createApp(App).use(VueAxios, axios) createApp(App).mount('#app') 测试界面: 注…

继续阅读 vue3 axios的使用

【关于ResizeObserver在vue中热重载$refs报错等问题】

  • Post author:
  • Post category:vue

文章目录 报错代码 出现原因分析 问题解决 总结 报错代码 一般在mounted生命周期钩子中创建 ResizeObserver 实例 mounted(){ const container = this.$refs.container; let containerObserver = new ResizeObserver((entries) => { for (let entry of en…

继续阅读 【关于ResizeObserver在vue中热重载$refs报错等问题】

Vue源码解析: 丰富的选项合并策略

  • Post author:
  • Post category:vue

简介 在 Vue 的初始化过程中,最开始的阶段就是选项合并阶段。它通过调用 mergeOptions 函数将两个选项配置合并成一个选项配置。这里的选项 options 的形式实际上就是我们平时开发时在 Vue 中写的对象配置,形式如下: { components: {}, filters: {}, data() { return {} }, computed: {}, created: {}, m…

继续阅读 Vue源码解析: 丰富的选项合并策略

vue+antv L7实现高德地图自定义样式和自定义marker

  • Post author:
  • Post category:vue

实现思路 1.在index.html中引入antv L7和高德地图 <script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.l7-1.3.0-beta.4/build/L7-min.js"></script> <script type="text/javascript"> window._AMapS…

继续阅读 vue+antv L7实现高德地图自定义样式和自定义marker

vue 悬停显示另一个div_鼠标滑过div让另外一个div从隐藏变为显示

  • Post author:
  • Post category:vue

展开全部 1、给鼠标经过的DIV添加一个类 ,类名为62616964757a686964616fe4b893e5b19e31333431366364submeau;如下图: 2、给显示或者隐藏的DIV,添加一个ID,ID名为:id="oa_submeau",如下图: 3、将以下的JQUERY代码放在整个网页的最底部,用于控制鼠标经过显示DIV,离开隐藏DIV。 $("#oa_submeau").h…

继续阅读 vue 悬停显示另一个div_鼠标滑过div让另外一个div从隐藏变为显示