Element Dialog 对话框未弹出前不渲染问题导致报错

1.解决方案

在未弹出前不执行渲染，在组件中通过监听显示弹窗变量isShowDialog来做判断是否已弹出，如果弹出就执行渲染操作

组件部分代码

export default {
  name: 'MapDialog',
  props: {
    dialog: {
      type: [Boolean],
      required: true,
      default: false
    }
  },
  data() {
    return {
      value: '',
    }
  },
  watch: {
      //监听显示弹窗变量
	  dialog(value) {
	      //判断是否已弹出
	      if (value) {
	        this.open()//执行渲染
	      }
	    }
  },
  }

案例：

例如渲染二维码，弹出后再执行渲染