Vue 2製作一個div Clickable and image

我在玩Vue 2，我想製作一個可點擊的整個div。這個div有一個鏈接，圖像和文字。Vue 2製作一個div Clickable and image

我使用路由器鏈接在標題和其他鏈接中的鏈接，但是當我嘗試使用別的東西時頁面不斷刷新。

有人可以幫助我克服這個莫名其妙..

乾杯！

2017-04-16 Marketingexpert

你可以添加相關的代碼或創建一個小提琴嗎？ – Saurabh

添加單擊事件，你要可以點擊如下<div>：

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

現在，在你的方法添加屬性RHE clickMethod回調要火的時候，點擊如下圖所示

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

來源

2017-04-16 11:48:19

謝謝你的幫助:)我很感激。既然我們在這裏，可否請再問你一個問題。如果我使用Vuex狀態，可以從瀏覽器的客戶端以某種方式訪問狀態值，因爲我想傳遞一些「敏感」數據，但我不確定是否有人可以從控制檯訪問它的值，除非我使用getters傳遞值進入DOM？期待收到你或某人:) – Marketingexpert

什麼樣的敏感數據？ –

對於像我一樣在這裏卡住的人，如何製作Div Clickable

<div @click="clickeMethod"> 
<p> Some Text Here </p> 
</div>

腳本：

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

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

此事件將使一個div點擊。

希望我幫了某人:)和thnx到@ user7814783

來源

2017-04-17 17:45:56 Marketingexpert

Vue 2製作一個div Clickable and image

回答

相關問題