随笔分类 - Vue
摘要：<div id="middle" ref="middle" @mousedown="dragMousedown"></div> #middle{ width: 5px; height: 100%; background-color: #d6d6d6; margin-top: -40px; posit
阅读全文
摘要：1.创建directive.js文件 import Vue from "vue"; // 提交验证 Vue.directive("clickOutside", { // 初始化指令 bind(el, binding, vnode) { function clickHandler(e) { // 这里
阅读全文
摘要：// created（创建后） 是 vue 生命周期函数 created() { // 开启监听 // 不起作用的时候在后面加 true 即可 window.addEventListener("resize", this.visibleAreaHeights, true); bus.$on("bus
阅读全文
摘要：<div class="self-region" id="self-region">区域</div> document.addEventListener('click', handlerClick) // 监听 document 点击事件 function handlerClick(event) {
阅读全文
摘要：方法 一//先获取目标位置距离 mounted() { this.$nextTick(() => { setTimeout(() => { let targetbox= document.getElementById('targetbox'); this.target= targetbox.offs
阅读全文
