vue
脚步,不曾停下
这个作者很懒,什么都没留下…
展开
-
节流防抖等类似方法
1、先执行相关代码,后续如果触发该方法时间间隔大于timer时才执行function noticeErrorMessageFn(fn,timer){ if (window.Noticetimer) { clearTimeout(window.Noticetimer); window.Noticetimer = setTimeout(() => { window.Noticetimer = null; },timer); }else{ fn();原创 2021-10-12 16:53:22 · 112 阅读 · 0 评论 -
在vue中iframe模式下传参问题
在vue中,使用iframe传参父页面window.addEventListener('message', function(event) { let paramsArr = ['/home','/certificate','/login','/432','/404','/401']; let paths = event.data; if(paths && paramsArr.indexOf(paths) > -1){ if(pa原创 2021-10-12 14:14:03 · 499 阅读 · 0 评论 -
监听浏览器是否全屏
写在开头现在在做一个大屏,有一个控件,点击可以切换全屏,这个很好做export function fullScreenToggle(fullscreen) { let element = document.documentElement; if (fullscreen) { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.webkitCancelFullScre原创 2021-10-12 14:10:17 · 2075 阅读 · 0 评论 -
解决vue-router addRoutes多次添加路由重复问题
解决vue addRoutes多次添加路由重复问题。在router.js中import Vue from 'vue'import Router from 'vue-router'const routes = [ { path: '/', redirect: '/home'}, { path: '/login', name: 'login', component: r => { require(['../components/login'], r) }, meta: { title: 'c原创 2020-10-20 11:16:21 · 7802 阅读 · 2 评论 -
element ui主动展开子节点
element ui主动展开子节点在element-ui中,想用js主动展开某个子节点,用这个方法聚可以了let node = this.$refs.tree.getNode(data.id); // 通过节点id找到对应树节点对象node.loaded = false;node.expand(); // 主动调用展开节点方法,重新查询该节点下的所有子节点如果子节点已经展开了,想要重新刷新子节点,那么只需稍微改一下就可以了let node = this.$refs.tree.getNode(d原创 2020-08-07 09:42:29 · 821 阅读 · 0 评论 -
Vue-cli打包将所有资源改为相对路径
Vue-cli打包将所有资源改为相对路径今天遇到一个为题,说要将vue-cli打包好的文件随便放哪里都能运行?一脸蒙逼。。。,问了一下度娘,有了思路,因为vue-cli打包后原来请求的都是绝对路径,并且所有资源除了请求都已经写好了,都是静态资源,那么只需将打包时的绝对路径改为相对路径即可。开始在vue-cli3.0后,需新增vue.config.js文件,放在package.json同级,在...原创 2019-12-18 10:17:09 · 3378 阅读 · 1 评论 -
axios官方文档详解
戳这里这篇文章写得挺好的,本来自己写了一篇,发现他的写的更详细,直接看他的吧转载 2019-12-11 11:02:25 · 1244 阅读 · 0 评论 -
canvas学习
画布学习自己用vue组件写的一个demo,便于以后使用时实时查看,特此留下笔记,其中图片到时自己随便从其他地方找几张就可以使用啦。效果图<template> <div> <canvas id="canvas" ref="canvas" class="canvas"></canvas> <div ...原创 2020-05-06 09:31:37 · 205 阅读 · 0 评论 -
vue过渡的类名笔记
vue过渡的类名笔记v-enter【这个是一个时间点】定义进入过渡的开始状态。在元素被插入之前生效,在元素被插入之后的下一帧移除。v-enter-active:定义进入过渡生效时的状态。在整个进入过渡的阶段中应用,在元素被插入之前生效,在过渡/动画完成之后移除。这个类可以被用来定义进入过渡的过程时间,延迟和曲线函数。v-enter-to: 2.1.8版及以上 定义进入过渡的结束状...原创 2018-11-15 14:56:07 · 1940 阅读 · 0 评论