ccc_cccc_ccc的博客

转载 git清空某一分支的所有提交记录（并保留原文件）

原创 vue 使用screenfull.js，退出全屏时不能监控到首次按下esc

需求：全屏时，导航栏隐藏；取消全屏时，导航栏显示。取消全屏时监听escmounted() { //添加键盘Esc事件 this.$nextTick(() => { document.addEventListener("keyup", e => { if (e.keyCode == 27) { this.changeMethodf(); //事件名 } }); }); },存在问题：首次

原创 vue-请求-全局loading-elementUI

请求—全局loading—避免操作快导致的误操作请求、响应拦截器/ src / utils / request.jsimport axios from 'axios'import { MessageBox, Message } from 'element-ui'import store from '@/store'import { getToken } from '@/utils/auth'import { showFullScreenLoading, tryHideFullScree

原创 vue-表格树结构-懒加载-解决子节点修改删除后，不刷新的问题

问题：子节点修改删除后，子节点视图不刷新初次解决办法：export default { inject: ['sizeReload'], }子节点变化后执行：this.sizeReload()子节点变化后，进行页面的刷新操作，但是刷新后，节点会自动折叠，且全部刷新用户体验不好。最终解决办法：效果图：点击展开：// 数据懒加载 load(tree, treeNode, resolve) { const pid = tree.tid; this.m

原创 vue 图片-点击放大预览-好用的插件-v-viewer

安装依赖cnpm install --save-dev v-viewermain.js 引用import Viewer from 'v-viewer' import 'viewerjs/dist/viewer.css'Vue.use(Viewer, { defaultOptions: { zIndex: 9999, title: false, //显示标题 navbar: false, toolbar: { zoomIn: 1, .

原创 vue-上传图片-前端实现预览-放大显示-增加、删除

本来想用elementUI的组件，结果发现，预览受第三方链接的限制。利用< input type=“file”/>改造一个类型功能的上传图片预览大图组件： ‘v-viewer’，在另外一篇文章有介绍效果图：代码如下：html：<!-- 新建时可以进行图片的新增和删除。修改时只能展示之前上传的图片，点重新上传会将之前上传的图片清空，之后可以进行重新上传图片的新增和删除 --> <div class="img-group" v-if="isInsert"&

原创 vue-定时器-element的notify提示框-自定义样式

系统要实现一个简单的异常日志提示框，决定使用定时器，每隔2秒向后端发送请求登录后，开启定时器created() { const _this = this; this.timer = window.setInterval(() => { setTimeout(function() { _this.$api.post(_this.$lesUiPath.msgAlert).then(result => { if (result !==

原创 类数组对象去重（保持唯一id值）

<script> const a =[ {id: "1", name: "a"}, {id: "2", name: "b"}, {id: "1", name: "c"} ] const b =[ {id: "4", name: "q"}, {id: "3", name: "b"}, {id:...

原创 git安装及使用

安装 git下载 git来到 官网点击 download安装找到 安装包，双击安装安全选择 是一路 next最后 INSTALL检测安装成功任意一个地方鼠标右键单击，只要有 git bash here 就行检测版本号打开控制台cmdprowershellgitbashhere输入指令 $ git --version首次安装需要进行...

转载 watch和computed的对比

首先它们都是以Vue的依赖追踪机制为基础的。共同点是：都是希望在依赖数据发生改变的时候，被依赖的数据根据预先定义好的函数，发生“自动”的变化 。但watch和computed也有明显不同的地方：watch和computed各自处理的数据关系场景不同1.watch擅长处理的场景：一个数据影响多个数据2.computed擅长处理的场景：一个数据受多个数据影响对于watch，我们先从一个场景...

原创 Vue的生命周期及其钩子函数

Vue的生命周期及其钩子函数生命周期是指Vue实例或者组件从诞生到消亡经历的每一个阶段，在这些阶段的前后可以设置一些函数当做事件来调用。分为四个阶段1.实例创建前后beforeCreate=> 鸡肋函数， 很少用。created => 加载数据 。此时this，拥有了该有的东西。 this.$refs获取不到DOM2.页面渲染前后beforeMount => 渲染前...