如何解决VueJS - 复杂的引用
我正在制作一个主要是由按钮组成的网格的组件。由于每个按钮都是自定义的,因此每个按钮都是一个 div 元素。有人告诉我,我可以按如下方式引用它们中的每一个:
<div v-for="column in columns" :key="column.id" class="column">
<div v-for="row in rows" :key="row.id" :ref="`${column}-${row}`"
<span v-if="column == 1" class="frame"><p>ROW TITLE</p></span>
<div v-else class="selector default" @click="colorCell($event)" />
</div>
</div>
然后,如果我调用 this.$refs 我会得到正确的输出,一个数组数组。 但是如果我打电话
this.$refs[`${i}-${j}`]
对于 i,j 任何数字,我都未定义。我也试过
this.$nextTick(() =>
console.log(this.$refs[`${i}-${j}`])
)
结果相同。此 ref 声明是否有效,如果有效,我该如何引用它?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。