Как получить доступ к Dynami c ref-tagged html элементов в Vue. js 3? - PullRequest
Новая
       11

Как получить доступ к Dynami c ref-tagged html элементов в Vue. js 3?

0 голосов
/ 11 апреля 2020

Используя API-композицию Vue. js 2, вы получаете атрибут .ref в аргументе setupContext setup(). Как указано во многих статьях и в этой теме: https://github.com/vuejs/composition-api/issues/226 это будет НЕ доступным в vue. js 3, и вы должны объявить атрибуты с тем же именем, что и элемент ref-ed: 

<div ref='name'/>

setup() {
  return {
    name : ref(null)
  }
}

Однако что делать, если вы не знаете имя ссылки в setup()?

Как в этом «минимальном» примере: 

<div v-for="e in elements" @click="elements.push({name:Math.random(), content:Math.random()})">
  <div :ref="e.name">e.content</div>
</div>

setup(){
   return {
     a_function_called_later(){
       // I can use this.$refs but is there a more "vuejs3" way to do it ?
     }
     // ...???
   }
}
...