<body>
<div id="app">
<!-- 浏览器会默认传递事件属性 -->
<button @click="btnClick1">按钮1</button>
<!-- 当需要传递事件属性时，需要加上 $ 符号，才能被解析为事件 -->
<button @click="btnClick2(123, $event)">按钮2</button>
</div>
<script type="text/javascript">
new Vue({
el: '#app',
data: {
},
methods: {
btnClick1(enent) {
console.log(event);
},
btnClick2(data, enent) {
console.log("-------" + data);
console.log(event);
},
}
})
</script>
</body>
</html>
Vue获取浏览器点击事件作为函数参数
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
Vue入门基础（组件嵌套）
註冊全局組件 1.新增Users.vue <template > <div id="users"> <ol> <!-- vue 遍歷需要key屬性綁定--> <li v-for="(va
Vue入门基础（父级组件属性传参）
App.vue <template> <div id="app"> <Header/> <!--使用組件 並傳遞當前組件值 --> <Users :users="users" :username=
Vue入门基础（多组件嵌套demo）
Header.vue <template > <div class="Header"> <h1>{{title}}</h1> </div> </template> <script> //js
Vue入门基础（组件CSS样式）
scoped的作用：使嵌套的樣式引用不影響當前的vue App.vue <template> <div id="app"> <h1>APP.VUE</h1> <!--使用組件--> <Users/>