网站推广.NET

网站推广.NET

vue中$on的用法是什么

来源:互联网

本文操作环境:windows10系统、Vue2.9.6版,DELL G3电脑。

vue中$on的用法是什么

vue中使用 $on(eventName) 监听事件

 $on(eventName) 监听当前实例上的自定义事件。事件可以由 vm.$emit 触发。回调函数会接收所有传入事件触发函数的额外参数。

vm.$on( event, callback )

参数:

立即学习“前端免费学习笔记(深入)”;

{string | Array} event (数组只在 2.2.0+ 中支持) {Function} callback

实例1 本页面单个事件

<template>  <section>    <h1>left</h1>    <el-button type="primary" @click="isClick">点击</el-button>  </section></template><script>  export default {    methods: {      isClick() {        this.$emit(&#39;isLeft&#39;, &#39;点击事件!&#39;);      }    },    mounted() {      this.$on(&#39;isLeft&#39;, (val) => {        console.log(val);      });    }  }</script>
on的用法