1. 程式人生 > >vue獲取當前點選物件的下標,和當前點選物件的內容

vue獲取當前點選物件的下標,和當前點選物件的內容

<li v-for="(item,index)  in tabList" v-on:click="addClass(index,$event)" >{{item.title}}</li>

data裡面宣告:

data() {
    return {
      tabList: [
        { id: 0, title: "首頁1" },
        { id: 1, title: "首頁2" },
        { id: 2, title: "首頁3" }
      ],
      current:0
    };
  },
  methods: {
    addClass: function(index,event) {
      this.current = index;
      //獲取點選物件      
      var el = event.currentTarget;
      console.log("當前物件的內容:"+el.innerHTML);
      console.log(this.current)
    }