事件名字 组件上使用camelCase 名字的事件无法被kebab-case监听 this.$emit('myEvent'); <!-- 没有效果 --> <my-component v-on:my-event="doSomething"></my-componet> 始终使用 kebab-case ...
分类：
其他好文 时间：
2020-12-01 11:52:00
阅读次数：
4
基础知识 VueX作用 VueX是一个数据仓库，它可以管理多个组件公用的数据。 没有学习VueX的时候，子组件要向父级组件传递信息则通过$emit()自定义事件，父组件如果要向子组件传递信息则通过props。 这是一种单向的数据流，操纵起来比较麻烦。 有了VueX一切都变得简单了，你只需要从VueX ...
分类：
其他好文 时间：
2020-11-25 12:51:21
阅读次数：
5
移动端点击延迟事件 1. 移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟 2. 原因: 移动端的双击会缩放导致click判断延迟 解决方式 1. 禁用缩放 `<meta name = "viewport" content="user-scalable=no" > ` 缺点: 网页无 ...
分类：
移动开发 时间：
2020-09-24 21:21:23
阅读次数：
69
Vue 组件间的通信 组件间通信方式 props ：父组件向子组件传递数据。 $emit ：自定义事件。 slot ：插槽分发内容，带上标签数据一起传输，主要是父组件想子组件传输。 组件间通信规则 不要在子组件中直接修改父组件传递的数据。 数据初始化的时候，应当看初始化的数据是否用于多个组件中，如果 ...
分类：
其他好文 时间：
2020-07-29 10:15:17
阅读次数：
56
class Event { constructor(){ this.handlers = {}; // 记录所有的事件及处理函数 // { // click: [fn1, fn2], // mouseover: [fn3, fn4], // }; } /** * on 添加事件监听 * @param ...
分类：
其他好文 时间：
2020-07-26 19:05:55
阅读次数：
61
前言 vue通信手段有很多种，props/emit、vuex、event bus、provide/inject 等。还有一种通信方式，那就是 $attrs 和 $listeners，之前早就听说这两个api，趁着有空来补补。这种方式挺优雅，使用起来也不赖。下面例子都会通过父、子、孙子，三者的关系来说 ...
分类：
其他好文 时间：
2020-07-26 00:35:59
阅读次数：
70
众所周知类似于mousedown、click、keydown等等这类型的事件都是浏览器提供的。通俗叫原生事件,这类型的事件是需要有交互行为才能被触发,Trigger事件可以帮助我们快速调用该事件,并且也是可以自定义事件调用$(ele).trigger(eventName,fn)调用元素事件<script>//jsdiv1.onclick=function(){alert(1);}div
分类：
其他好文 时间：
2020-07-04 10:28:13
阅读次数：
90
小程序在使用自定义组件中， 在当前页面想要获取组件中的某一状态 需要使用this.triggerEvent('', {}, {}) 第一个参数自定义事件名称第二个参数是传过去的参数第三个参数不可以省略，对象形式 栗子： //首页index.js使用自定义组件 <w-tab-control title ...
分类：
其他好文 时间：
2020-06-27 09:40:37
阅读次数：
129
注意自定义事件触发必须是子组件传递给父组件。中间任何的包装层warpper都会阻断时间的侦听 方法一是通过多层转交，中间的包装层多层转交事件。 方法二是通过vue2.4引入的新特性$listener。通过给中间组件绑定属性v-on="$listener"解决。 注意此处的v-on不能用@简写，原因是 ...
分类：
其他好文 时间：
2020-06-23 21:37:17
阅读次数：
57
组件的事件 组件通过各种事件来进行通讯。 在 LWC 中，可以通过实现 CustomEvent 接口进行自定义事件，通过 EventTarget.dispatchEvent() 来分配事件。 注意： 定义事件时，不需要在事件名前加 on，因为在使用的时候会默认在名称前使用 on，比如：当我们定义了 ...
分类：
Web程序 时间：
2020-06-21 21:43:38
阅读次数：
66
