這個(gè)例子中為什么結(jié)果是 [li, li, li, li, li, li]呢 而不是item對應(yīng)的值呢？<!DOCTYPE html><html><head>
<title></title>
<script type="text/javascript" src="vue.js"></script></head><body><div id="app">
<ul>
<li v-for="(item,index) in msg" ref=item @click=test()>{{item}}</li>
</ul></body></div><script type="text/javascript">
var test=new Vue({ el:'#app', data:{ msg: ["a","b","c","d","e","f"]
}, methods:{
test(){ console.log(this.$refs.item)
}
}
})
</script></html>
2 回答
幕布斯6054654
TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超7個(gè)贊
理解錯(cuò)啦，ref的值從來都是元素或者組件，不會(huì)是你的a, b, c字符串的
如果你想為每個(gè)li動(dòng)態(tài)生成一個(gè)ref，之后獲取點(diǎn)擊的item，可以用以下代碼
<ul>
<li v-for="(item,index) in msg" :ref="item" @click=test(item)>{{item}}</li></ul>test(item){
console.log(this.$refs[item])
}添加回答
舉報(bào)
0/150
提交
取消