在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Android  HTML/ 使用vuejs時,如何正確獲取v-for循環(huán)出來的元素。

使用vuejs時,如何正確獲取v-for循環(huán)出來的元素。

1.使用v-for循環(huán)得到的列表<li>元素,想要通過監(jiān)聽mouseover和mouseout兩個事件來對劃過的<li>元素的樣式進行修改,但是在方法中使用this無法正確獲得我需要元素。比如我在methods中定義的方法showUp,并且在data中已經(jīng)給每個<li>元素定義了pageup屬性,但是在showUp中打印pageup的結(jié)果是undefined,這是為什么?求高手解釋下!
2.代碼如下:
clipboard.png

clipboard.png

clipboard.png

3.結(jié)果如下:

clipboard.png

回答
編輯回答
葬愛

showUp函數(shù)里面的this ,指向的是 當前vue實例,可以獲取到 this.pageitems 整個數(shù)組

雖然 給每個<li>元素定義了pageup屬性,但是沒有給對應(yīng)的li 元素添加對應(yīng)的屬性

@mouseover = showUp(item),這里傳入item,就可以拿到 item.pageup屬性了。

2017年1月29日 02:59
編輯回答
櫻花霓

showUp:function(val) {

console.log(this.pageitems[val].pageup)
}

2017年4月20日 21:12
編輯回答
旖襯

你把data對象定義成數(shù)組,肯定得數(shù)組[索引]里的json[key]才能獲得啊

clipboard.png

clipboard.png

2018年5月20日 02:05
編輯回答
魚梓

建議多看看文檔 this指向的是vue實例 this.a 是return里面的變量

2017年7月6日 05:34
編輯回答
薄荷糖

感覺你沒思考過,打印下this,看看輸出,思考一分鐘,如果還是想不通,再來問。

2017年1月23日 14:19
編輯回答
汐顏

這個肯定獲取不到??!
改寫showUp,傳入index
showUp(index) {

console.log(this.pageitems[index].pageup)

}
你再看看

2018年2月11日 19:12