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 lang="scss" scoped>
</style>

项目截图 初次使用vue 希望各位大佬指点一二

Answer 1

你这是啥意思啊 @click 还加个native 涉及原生方法么？
还有你这注释了 代码肯定没作用啊

Answer 2

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

<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 lang="less">
  @import url('./barTop.less');
</style>

Answer 3

<h2 @click="fn()">fuck</h2>

使用了不文明词汇，被webpack河蟹了

Answer 4

非常感谢各位大佬的回答 是css的问题 已解决 谢谢