时间戳

首页 > 解决方案 > v-for 循环中给出错误的动态引用不会出现在 DOM 中。**提供的元素不在文档中**

javascript - v-for 循环中给出错误的动态引用不会出现在 DOM 中。**提供的元素不在文档中**

问题描述

我正在使用canvas2Html，我在其中传递元素的引用来获取元素的图像。我正在动态分配参考以拍摄特定 div 的图像。代码运行，但我得到Provided 元素不在 Document 内。在 Devconsole 中，引用也没有出现。我真的坚持这个。有什么建议么

https://codesandbox.io/embed/rlo3mmo5zp?fontsize=14

我想要签名和初始的图像作为输出。我目前遇到错误。：/

标签： javascriptvue.js

解决方案

不要忘记，如果你:ref在里面使用v-for它就会变成一个数组 - 所以你应该改变你的代码

async takeimage(name) {
  let el = this.$refs[name][0]; // <--- use an Array

推荐阅读