Vue.js 极简小例: 点击事件
生活随笔
收集整理的這篇文章主要介紹了
Vue.js 极简小例: 点击事件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。
代碼:
<template><div> <!-- jy_mothed 是在 js 中自定義的方法 --><button v-on:click="jy_mothed">想念</button><br><br><!-- 點擊事件 參數化調用 --><button v-on:click="loveU('愿我如星君如月... 夜夜流光相皎潔 ...')">此刻</button><button v-on:click="loveU('君當作磐石,妾當作蒲葦 , 蒲葦紉如絲,磐石無轉移 ... ')">今生</button></div> </template><script>export default {data () {return {name: '在我每一次敲擊鍵盤時 ... 想念,在我的每一行代碼之間 ... '}},methods: { jy_mothed: function (event) {alert('想你,' + this.name) // this:當前 Vue 實例if (event) { // 原生 DOM 事件alert(event.target.tagName)}},loveU: function (message) {alert(message);}} }</script>運行效果:
?
總結
以上是生活随笔為你收集整理的Vue.js 极简小例: 点击事件的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: TCP/IP协议讲的明明白白
- 下一篇: Vue.js 极简小例: 4 种方式样式