欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2017年08月10日 16:55:19   作者：summer0319  
本篇文章主要介紹了vue如何獲取點擊事件源的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

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

<!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;">點擊當(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) { 
            //獲取點擊對象   
            var el = event.currentTarget;
            var li2text = $(el).next().text();
            alert("當(dāng)前對象的內(nèi)容："+$(el).text()+" 下一行內(nèi)容："+li2text);
          }
        }
      })
    </script>
  </body>
</html>

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論