自定义vue点击事件传递数据
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了自定义vue点击事件传递数据相关的知识，希望对你有一定的参考价值。
参考技术A 1.定义一个自定义TabControl.vue，定义它的点击事件@click="itemClick(index)，如下
2.实现itemClick(index)方法中，并通过this.$emit('tabClick',index);将点击事件传递到外面
3.在其Home.vue页面使用TabControl.vue
通过绑定tabClick的事件(也就是传出来的方法名)来监听控件的点击和数据传递
在Home.vue页面中定义方法tabItemClick来接收点击TabControl传过来的数据
vue自定义指令directives实现自动点击事件及自动点击第一个按钮
业务场景：点击弹窗默认加载第一个按钮的数据。vue自定义指令directives实现这个需求
目录
自动点击所有的按钮。
<ul class="areaList">
<li
:class="{\'active\': index以上是关于自定义vue点击事件传递数据的主要内容，如果未能解决你的问题，请参考以下文章