2016-11-07 111 views
0

我想知道人們使用的這些選項更多。Vuejs 2 v-on:click.prevent()

1)對正常使用v型上(DIV,跨度等等)元件

<div v-on:click="myFunction" class="cursor-pointer">Click me<div> 

在這裏,它需要有一個類來建立的指針光標,以指示是可點擊,並增加用戶體驗。

1)在鏈接元素上使用v-on 點擊我 在這裏,不需要任何類別來設置指針遊標。但是,它要求阻止模式停止鏈接操作。

那麼,這兩種方法的最佳做法,優點和缺點是什麼?

回答

3

最終,它並不重要。一般來說,你應該用Vue.js寫你的HTML dom,就像你不用Vue.js寫它一樣。如果某個東西應該是鏈接,因爲它導致了應用程序中的另一個視圖,那麼<a>就是合理的。如果你通常不使用錨鏈接,如果它只是一個靜態的HTML頁面,那麼你可能最好用div,span或者你的開發人員直覺來決定。

總是試圖寫你的代碼,就好像別人會看着它一樣,在這種情況下,他們會對某個<a>應該做的事情有一些期待。

+0

Tks!一旦鏈接將用戶導向另一個頁面,它就很有意義。例如,打開和關閉面板的操作可能只是一個div或跨度或其他任何內容。 –