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>&nbsp; <div class="user">&nbsp; &nbsp; <div class="user-name" @click="fn()">&nbsp; &nbsp; &nbsp; <div></div>&nbsp; &nbsp; &nbsp; 最多五个字&nbsp; &nbsp; </div>&nbsp; </div></template><script>&nbsp; export default {&nbsp; &nbsp; name: "barTop",&nbsp; &nbsp; data() {&nbsp; &nbsp; &nbsp; return {&nbsp; &nbsp; &nbsp; &nbsp; isShow: false&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; },&nbsp; &nbsp; mounted() {&nbsp; &nbsp; },&nbsp; &nbsp; created() {&nbsp; &nbsp; },&nbsp; &nbsp; methods: {&nbsp; &nbsp; &nbsp; fn(){&nbsp; &nbsp; &nbsp; &nbsp; console.log('aaa')&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; }</script><style scoped>&nbsp; @import url('./barTop.less');</style>