H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【前端技术】vue组件绑定原生事件

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.参考

将原生事件绑定到组件

本文地址:H5W3 » 【前端技术】vue组件绑定原生事件

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址