【问题标题】:Vue-component emittingVue 组件发射
【发布时间】:2018-03-02 15:24:09
【问题描述】:

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

【问题讨论】:

  • 使用@click 而不是onclick
  • 谢谢,问题解决了! =)

标签: javascript vue.js


【解决方案1】:

在 Vue 中,您应该使用 @clickv-on:click 而不是 onclick

【讨论】:

    猜你喜欢
    • 2022-11-22
    • 2020-11-14
    • 1970-01-01
    • 2021-02-03
    • 1970-01-01
    • 2021-06-27
    • 2021-05-27
    • 2019-08-28
    • 2021-04-26
    相关资源
    最近更新 更多