亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue this.$refs獲取靜態元素和動態元素的區別

vue this.$refs獲取靜態元素和動態元素的區別

慕無忌1623718 2018-09-06 17:24:15
<template>     <div class="warpper">         <button @click="alert">test</button>         <ul >             <li  ref="lk" key="22">lk</li>             <li  ref="lk" key="21">lk</li>             <li v-for="i in 4" ref="li" :key="i">li</li>         </ul>     </div></template><script>export default{    methods:{         alert(){            var lk=this.$refs.lk            var li=this.$refs.li            console.log(lk)            console.log(li)         }     }, }</script>打印結果:問題是:為什么$refs獲取靜態的li元素只能獲取一個,而動態的可以獲取多個,請大神指點
查看完整描述

1 回答

?
湖上湖

TA貢獻2003條經驗 獲得超2個贊

ref 相當一給元素或組件一個id,引用加在$refs,第一種寫法后面的就把前面的覆蓋了,這樣寫肯定不合理,id重復 。第二種vue有做for的特殊處理,參考文檔。

當 ref 和 v-for 一起使用的時候,你得到的引用將會是一個包含了對應數據源的這些子組件的數組。

https://cn.vuejs.org/v2/guide...


查看完整回答
反對 回復 2018-09-08
  • 1 回答
  • 0 關注
  • 6678 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號