整理文檔，搜刮出一個(gè)vue如何獲取點(diǎn)擊事件源的方法，稍微整理精簡一下做下分享。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>vue click事件獲取當(dāng)前元素對象</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.13/vue.min.js"></script>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body id="app">
<ul>
<li v-on:click="say('hello!', $event)" style="background-color:blue;color:white;">點(diǎn)擊當(dāng)前行獲取下一行</li>
<li>li2</li>
<li>li3</li>
</ul>
<script>
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
},
methods: {
say: function(msg, event) {
//獲取點(diǎn)擊對象
var el = event.currentTarget;
var li2text = $(el).next().text();
alert("當(dāng)前對象的內(nèi)容："+$(el).text()+" 下一行內(nèi)容："+li2text);
}
}
})
</script>
</body>
</html>
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright ? 2019-2025 51dongshi.com 版權(quán)所有
違法及侵權(quán)請聯(lián)系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬商天勤律師事務(wù)所王興未律師提供法律服務(wù)
