v-for循环内产生错误的动态参照不会出现在DOM中。 **提供的元素不在文档中**

时间:2019-04-21 05:46:56

标签: javascript vue.js

我正在使用canvas2Html,其中我传递了元素的引用以获取元素的图像。我正在动态分配参考以采取特定div的图像。代码可以运行,但是我得到了 Provided元素不在Document 中。在Devconsole中,引用也不会出现。 我真的被这个困住了。有什么建议

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

我想要签名和首字母的图像作为输出。我目前遇到错误。 :/

1 个答案:

答案 0 :(得分:0)

不要忘记,如果您在:ref内使用v-for,它将变成一个数组-因此您应该更改代码

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