Javascript 不能'；使用fabricjs初始化画布+；vuejs（this.lowerCanvasEl.getContext不是函数）

我正在尝试在vuejs组件中初始化画布。以下是一个例子：

我在

mounted

hook中初始化画布，这意味着DOM可用。我还可以看到，fabric stars通过制作

LowerCanvas

div来完成它的工作，但随后它抛出：

this.lowerCanvasEl.getContext不是函数

---

我想不出是什么问题。我已经在我的项目中使用了fabric，但从未出现过这样的错误。

这不是Vue的问题。如果删除所有Vue代码，则问题仍然存在

结构需要安装在

元素上，而不是

上

演示：

newvue({
el:“应用程序”，
挂载：函数（）{
新的fabric.Canvas（'Canvas'{
宽度：500，
身高：500
})
}
})

#画布{
宽度：200px；
高度：200px；
背景颜色：绿色；
}

为什么我自己都没注意到呢。我欠你两杯啤酒：）哈哈哈！有趣的是，我已经在我的项目中使用了很多布料，但只是没有注意到我使用了错误的标签。。。也许你也知道为什么canvas不能捕获拖放事件，小提琴上的监听器绑定到canvas，而不是

#draggable

div，是吗？是的，我想在canvas上拖放红色矩形时进行监听，但我在JSFIDLE和我的项目中都没有做到这一点