![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
牵只蜗牛去跑步
这个作者很懒,什么都没留下…
展开
-
[Violation] Added non-passive event listener to a scroll-blocking <某些> ...
Chrome51 版本以后,Chrome 增加了新的事件捕获机制-Passive Event Listeners,导致触发了告警。使用Element Plus中的TimePicker组件时,只要触发了touchu事件,控制台就会报警告。在main.js 中引入。原创 2022-11-11 10:22:13 · 1469 阅读 · 0 评论 -
Vue 在同一元素上实现单击、双击事件 (将其自定义指令)
前景:在同一元素上绑定单双击事件,当双击时,单击事件也会随之触发,那么如何实现双击、单击不互相影响呢?如下1. 定义directives.jsimport Vue from 'vue'const clickDown = Vue.directive('clickDown', { inserted(el, binding, vnode) { let clickTimer = null // 单击 el.addEv原创 2022-04-27 14:19:06 · 7191 阅读 · 0 评论 -
Vue 在<style>中使用变量
前景:在我们编写css样式中,是不能使用vue data中的变量的。那么如果我们想在css中使用全局变量,怎么做呢? 如下1. 第一步,给style赋值一个计算属性<div :style="uploadStyle" class="upload-box"/>2. 第二步,computed中定义uploadStylecomputed: { ...mapState({ theme: state => state.settings.theme.原创 2022-04-27 10:57:38 · 6889 阅读 · 0 评论