06 2022 档案
自定义拖动事件时,取消谷歌的默认拖动事件
摘要:设置 @mousemove.prevent="" 屏蔽默认事件 <img src="../../assets/icons/kefu.svg" id="kefuIcon" @mousemove.prevent="">
阅读全文
element ui 树状图指定节点,点击不收缩节点
摘要:对于节点点击方法 handleNodeClick @node-click="handleNodeClick" 在进行方法编写时,当指定条件时 设置 node.expanded 为 true // 点击树状图 handleNodeClick(data, node) { console.log("树状图
阅读全文
自定义元素可拖拽,拖动分离
摘要:// 普通元素拖拽 Vue.directive('drag', { bind: (el, bindings, vnode) => { Vue.nextTick(() => { // 防止未定义 destroyOnClose 关闭弹窗时dom未被销毁,指令被重复调用 let modal = el.ge
阅读全文
vanvue model 组件可拖动指令
摘要:import Vue from 'vue' // v-drag-modal: 弹窗拖拽 Vue.directive('drag-modal', (el, bindings, vnode) => { Vue.nextTick(() => { let { visible, destroyOnClose
阅读全文
echart 颜色设置
摘要:1. 不同色渐变 { type: 'linear', x: 0, y: 1, x2: 1, y2: 1, colorStops: [ { offset: 0, color: '#2E6AFF' // 0% 处的颜色 }, { offset: 1, color: '#00D7FF' // 100% 处
阅读全文
解决动画导致fixed失效页面错乱的问题
摘要:/* 中间部分动画 */ .v-enter{ /*进入动画*/ opacity: 0; transform: translateX(100%); } .v-leave-to{ /*离开动画*/ opacity: 0; transform: translateX(-100%); position: a
阅读全文
vue v-for 循环el-table-column 第一个数据变到最后一个
摘要:el-table-column 循环时 v-for 处最好用template进行封装 改为: 原因不明
阅读全文