本文操作环境: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('isLeft', '点击事件!'); } }, mounted() { this.$on('isLeft', (val) => { console.log(val); }); } }</script>
免责声明:本站内容仅用于学习参考,信息和图片素材来源于互联网,如内容侵权与违规,请联系我们进行删除,我们将在三个工作日内处理。联系邮箱:chuangshanghai#qq.com(把#换成@)