vue如何獲取點擊事件源的方法

來源：懂視網(wǎng) 責(zé)編：小采時間：2020-11-27 22:33:01

vue如何獲取點擊事件源的方法

vue如何獲取點擊事件源的方法:整理文檔，搜刮出一個vue如何獲取點擊事件源的方法，稍微整理精簡一下做下分享。 <!DOCTYPE html> <html lang=zh-CN> <head> <meta charset=utf-8> <title>vue click事件獲取當前元素

推薦度：

點擊下載本文 文檔為doc格式

導(dǎo)讀vue如何獲取點擊事件源的方法:整理文檔，搜刮出一個vue如何獲取點擊事件源的方法，稍微整理精簡一下做下分享。 <!DOCTYPE html> <html lang=zh-CN> <head> <meta charset=utf-8> <title>vue click事件獲取當前元素

整理文檔，搜刮出一個vue如何獲取點擊事件源的方法，稍微整理精簡一下做下分享。

<!DOCTYPE html>
<html lang="zh-CN">
 <head>
 <meta charset="utf-8">
 <title>vue click事件獲取當前元素對象</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;">點擊當前行獲取下一行</li>
 <li>li2</li>
 <li>li3</li>
 </ul>
 <script>
 new Vue({
 el: '#app',
 data: {
 message: 'Hello Vue.js!'
 },
 methods: {
 say: function(msg, event) { 
 //獲取點擊對象 
 var el = event.currentTarget;
 var li2text = $(el).next().text();
 alert("當前對象的內(nèi)容："+$(el).text()+" 下一行內(nèi)容："+li2text);
 }
 }
 })
 </script>
 </body>
</html>

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

vue如何獲取點擊事件源的方法

推薦度：

點擊下載本文 文檔為doc格式

標簽：獲取 VUE 獲得

熱門焦點

vue如何獲取點擊事件源的方法

vue如何獲取點擊事件源的方法

vue如何獲取點擊事件源的方法

最新推薦

猜你喜歡

熱門推薦