Vue组件发射

时间:2018-03-02 15:24:10

标签: javascript vue.js

这是我的第一个Vue.js组件,我尝试从中发出事件。但是我的浏览器没有看到“updateValue'方法......怎么了?

<template>
        <div>
            <ul class="nav flex-column">
                <li v-for="item in items">
                    <div class="nav-link" onclick="updateValue(1)">
                        {{ item.name }}
                    </div>
                </li>

            </ul>
        </div>
    </template>

    <script>
        export default {
            props: ['items'],
            methods: {
                updateValue: function (value){
                    this.$emit('change', value);
                }
            }
        }
    </script>

1 个答案:

答案 0 :(得分:2)

在Vue中,您应该使用@clickv-on:click代替onclick