Vue.js 事件
Vue.js允許我們透過在元素上使用v-on指令來攔截任何DOM事件。這個主題是使組件可以互動的關鍵。 什麼是Vue.js事件 存取原始事件對象 事件修飾符 什麼是Vue.js事件 Vue.js允許我們透過在元素上使用v-on指令來攔截任何DOM事件。 如果我們想要在這個元素上發生點擊事件時做一些事情： <template> <a>點擊我！</a> </template> 我們添加一個v-on指令： <template> <a v-on:click="handleClick">點擊我！</a> </template> Vue還提供了一種非常便捷的替代語法： <template> <a @click="handleClick">點擊我！</a> </template> 您可以選擇使用括號或不使用括號。@click="handleClick"等效於@click="handleClick()"。 handleClick是附加到組件的方法： <script> export default { methods: { handleClick: function(event) { console.log(event) } } } </script> 詳細的方法在我 Vue 方法教程中有更詳盡的解釋。 你在這裡需要知道的是，你可以從事件中傳遞參數：@click="handleClick(param)"，並且它們將在方法內被接收。 存取原始事件對象 在許多情況下，您希望對事件對象執行操作或查找其中的某些屬性。您如何訪問它？ 使用特殊的$event指令： <template> <a @click="handleClick($event)">點擊我！</a> </template> <script> export default { methods: { handleClick: function(event) { console.log(event) } } } </script> 如果你已經傳遞了一個變數： <template> <a @click="handleClick('something', $event)">點擊我！</a> </template> <script> export default { methods: { handleClick: function(text, event) { console....