vue2中事件

Question

<template><div class="topic">   <a href="/" @click.native="get()">btn</a>     <li><a @click="fn()">全部</a></li>     <button @click="post()">btn</button></div></template><script>export default {    data() {        return {        }    },    methods: {        get() {            console.log("ggggg")        },        fn() {            alert('触发');        },        post() {            alert('没反应。。。。。');        }    }}</script><style scoped></style>项目截图 初次使用vue 希望各位大佬指点一二

Answer 1

这样是可以的,你刷新或者重新编译下

<template>

  <div class="user">

    <div class="user-name" @click="fn()">

      <div></div>

      最多五个字

    </div>

  </div>

</template>

<script>

  export default {

    name: "barTop",

    data() {

      return {

        isShow: false

      }

    },

    mounted() {

    },

    created() {

    },

    methods: {

      fn(){

        console.log('aaa')

      }

    }

  }

</script>

<style scoped>

  @import url('./barTop.less');

</style>