Vue 2 make a div clickable and image

Question

私はVue 2で遊んでいます。私はdivをクリック可能にしたいと思っています。 このdivにはリンク、画像、テキストがあります。

ヘッダーやその他のリンクのリンクにrouter-linkを使用しましたが、何か他のものを使用しようとすると、ページがリフレッシュされます。

誰かが私はこの何とか..

乾杯を乗り越える助けてください！

Answer 1

あなたは以下のようにクリッカブルになりたいというあなた<div>にイベントをクリックしてくださいを追加します。

<div @click="clickMethod"></div> 

今すぐあなたの方法でプロパティを使用すると、

methods: { 
    clickMethod() { 
     //add code that you wish to happen on click 
    } 
}: 

以下のようにクリックしたときに起動したい clickMethodコールバックRHE追加します

Answer 2

私がDiv Clickableを作成する方法でやったようにここに詰まった人のために

スクリプト：

<script> 
export default { 
    name: 'headers', 
    data() { 
    return { 

    }; 
    }, 
    methods: { 
    clickMethod() { 
     this.$router.push('home'); 
    }, 
    }, 
}; 
</script> 

このイベントのdivクリッカブルを行います。

希望私はあなたが関連するコードを追加するか、またはそれのフィドルを作成することができます@ user7814783