vue.js - vue组件中的@click未触发

我正在努力争取vue事件列表器。我可以触发mount（）方法。但是我无法触发on click方法。

这是我的Vue组件。你能帮我吗？

Layout.vue

<template>
    <div id="layout">
        <div class="button">
            <button @click="update">update1</button>
            <button @click.native="update">update2</button>
        </div>
    </div>
</template>
<script>
export default {
    mounted() {
        alert("") //fired
    },
    methods: {
      update() {
        alert("") //not fired both of the buttons
      },
    },
}
</script>

=======其他信息============

app.js

Vue.component('vue-layout', require('./views/Layout.vue').default);

html

<body>
      <div id="app">
            <vue-layout></vue-layout>
      </div>

      <script src="/js/app.js"></script>
</body>

vue组件中的@click未触发

0 个答案: