<div id="example-2">
<!-- `greet` 是在下面定義的方法名 -->
<button v-on:click="greet">Greet</button>
</div>
<!--除了直接綁定到一個方法，也可以在內(nèi)聯(lián) JavaScript 語句中調(diào)用方法：-->
<div id="example-3">
<button v-on:click="say('hi')">Say hi</button>
<button v-on:click="say('what')">Say what</button>
<!-- 有時也需要在內(nèi)聯(lián)語句處理器中訪問原始的 DOM 事件【彀Γ可以用特殊變量 $event 把它傳入方法：-->
<button v-on:click="warn('Form cannot be submitted yet.', $event)">
Submit
</button>
</div>
<script>
var example2 = new Vue({
el: '#example-2',
data: {
name: 'Vue.js'
},
// 在 `methods` 對象中定義方法
methods: {
greet: function (event) {
// `this` 在方法里指向當前 Vue 實例
alert('Hello ' + this.name + '!')
// `event` 是原生 DOM 事件
if (event) {
alert(event.target.tagName)
}
}
}
})
new Vue({
el: '#example-3',
methods: {
say: function (message) {
alert(message)
},
warn: function (message, event) {
// 現(xiàn)在我們可以訪問原生事件對象
if (event) event.preventDefault()
alert(message)
}
}
})
</script>
06-事件處理方法
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門崭歧，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人撞牢，你說我怎么就攤上這事率碾。” “怎么了普泡？”我有些...
- 文/不壞的土叔 我叫張陵播掷，是天一觀的道長审编。 經(jīng)常有香客問我撼班，道長，這世上最難降的妖魔是什么垒酬？ 我笑而不...
- 正文 為了忘掉前任砰嘁，我火速辦了婚禮件炉，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘矮湘。我一直安慰自己斟冕，他們只是感情好，可當我...
- 文/花漫 我一把揭開白布缅阳。 她就那樣靜靜地躺著磕蛇，像睡著了一般。 火紅的嫁衣襯著肌膚如雪十办。 梳的紋絲不亂的頭發(fā)上秀撇，一...
- 文/蒼蘭香墨 我猛地睜開眼夜矗，長吁一口氣：“原來是場噩夢啊……” “哼泛范！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起紊撕，我...
- 正文 年R本政府宣布，位于F島的核電站到千，受9級特大地震影響昌渤，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜憔四，卻給世界環(huán)境...
- 文/蒙蒙 一膀息、第九天 我趴在偏房一處隱蔽的房頂上張望般眉。 院中可真熱鬧，春花似錦潜支、人聲如沸甸赃。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽埠对。三九已至，卻和暖如春裁替，著一層夾襖步出監(jiān)牢的瞬間鸠窗，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 今天放學(xué)回到家門口的時候株婴，我就在那兒玩怎虫，我家門口有幾個臺階，我讓媽媽站在上面的臺階困介，倒著往下跳大审，媽媽害怕，...
- 【蝴蝶效應(yīng)】 蝴蝶效應(yīng):上個世紀70年代，美國一個名叫洛倫茲的氣象學(xué)家在解釋空氣系統(tǒng)理論時說根穷，亞馬遜雨林一只蝴蝶...
- 構(gòu)建一個投資的框架系統(tǒng)： 首先他是一個有機整體姜骡，是建立在核心價值觀和基本思維方式基礎(chǔ)上，基于金融理論和實踐的投資決...
