关于vue.js:vue组件绑定原生事件

53次阅读

共计 390 个字符，预计需要花费 1 分钟才能阅读完成。

1.child.vue

<template>
    <div>
        <button v-on="$listeners">test</button>
    </div>
</template>
<script type="text/javascript">
    export default {name:"test"}
</script>

2.index.vue

<template>
    <div>
        <test @click="clickButton"></test>
    </div>
</template>
<script type="text/javascript">
    import test from './child.vue';
    export default{
        name:"index",
        components:{test},
        methods:{clickButton(e){console.log(e);
            }
        }
    }
</script>

3. 参考