Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vue组件发射_Javascript_Vue.js - Fatal编程技术网

Javascript Vue组件发射

Javascript Vue组件发射,javascript,vue.js,Javascript,Vue.js,这是我的第一个Vue.js组件,我尝试从中发出事件。但是我的浏览器没有看到“updateValue”方法。。。怎么了 <template> <div> <ul class="nav flex-column"> <li v-for="item in items"> <div class="nav-link" onclick="upda

这是我的第一个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>

  • {{item.name}
导出默认值{ 道具:['items'], 方法:{ updateValue:函数(值){ 此.$emit('change',值); } } }
在Vue中,您应该使用
v-on:click
而不是
onclick
在Vue中,您应该使用
v-on:click
而不是
onclick

使用
单击
而不是
onclick
谢谢,问题解决了!)使用
@单击
而不是
再次单击
谢谢,问题解决了!=)