javascript - vue2.0 在子组件中写点击事件的正确方式是什么样的？

问题描述

问 题

在子组件addchose中写了一个点击事件，然后在父组件中引用这个组件，页面渲染出来了，但是子组件中的点击事件无效，求子组件事件的正确打开方式，或者相关的文章也可以，官网没有看到相关的信息，求指点。环境是vue2.0

好尴尬：click拼错了，代码就放这里提醒自己吧。。
父组件：

<template>
  <div id="add">
    <div class="m-user-info">
        <addview></addview>
        <addchose></addchose>
    </div>
  <div>
</template>
<script>
components:{
        addview,
        addchose
    }
</script>

子组件(addchose)：

<template>
    <div>
        <div class="usedo"  @clcik='chose'>
            <div class="left">
                <div class="nocheck"></div>
                <span>送货至此地址</span>
            </div>
        </div>
    </div>
</template>
<script>
    export default{
        props:{
            shopdata:Array
        },
        methods:{
            chose(){
                console.log(111);
            }

        },
        created () {
            console.log("xxxxx");
        }
    } 
</script>

解决方案

改成click

这篇关于javascript - vue2.0 在子组件中写点击事件的正确方式是什么样的？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！