清空设计器画布报错

chenxiaoyan

代码：

<v-form-designer ref="vfDesigner" :designer-config='designerConfig'>
</v-form-designer>


js:

  created () {
     this.$refs.vfDesigner.clearDesigner()
  },

报错信息：

justin1024已获得悬赏 200 威望

最佳答案

清空画布写在了created里，这时v-form-designer还没有加载完，所以this.$refs.vfDesigner是undefined。 需要在外面加一个this.$nextTick(()=>{ this.$refs.vfDesigner.clearDesigner() } ...

• justin1024
• 发表于2023-03-16
• 详细答案 >

justin1024

清空画布写在了created里，这时v-form-designer还没有加载完，所以this.$refs.vfDesigner是undefined。 需要在外面加一个this.$nextTick(()=>{  this.$refs.vfDesigner.clearDesigner() }

admin

模板中是否存在v-if指令？
这个报错显示this.$refs.vfDesigner是空对象

admin

justin1024 发表于 2023-3-16 15:27
清空画布写在了created里，这时v-form-designer还没有加载完，所以this.$refs.vfDesigner是undefined。 需 ...

对的，确实是这个原因。