鍍金池/ 問答/HTML/ vue2中事件

vue2中事件

<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('觸發(fā)');
        },
        post() {
            alert('沒反應。。。。。');
        }
    }
}

</script>

<style lang="scss" scoped>
</style>

clipboard.png

項目截圖 初次使用vue 希望各位大佬指點一二

clipboard.png

clipboard.png

回答
編輯回答
情皺

你這是啥意思啊 @click 還加個native 涉及原生方法么？
還有你這注釋了 代碼肯定沒作用啊

2018年7月30日 22:05
編輯回答
小曖昧

這樣是可以的,你刷新或者重新編譯下

<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>

圖片描述

2018年5月20日 22:02
編輯回答
心夠野

非常感謝各位大佬的回答 是css的問題 已解決 謝謝

2017年5月10日 07:51
編輯回答
雨萌萌
<h2 @click="fn()">fuck</h2>

使用了不文明詞匯，被webpack河蟹了

2017年8月29日 19:55