el-cascader回显表单验证不生效

el-cascader 回显表单验证不生效问题

场景描述：从服务器上获得数据之后，由于历史原因一个el-cascader的数据需要改为必输，但是之前的数据可能没有填，这个时候需要点击出现修改弹框就出现必输提示。
问题描述：
{ type: "array", required: true, trigger: ['change','blur'], message: "请选择", }
验证已经写了，初始数据也给了（设置为[]），再dialog渲染完后本应该触发change然后验证数据，提示输入的，但是el-cacasder组件就是没有提示，el-select会有；

修改前

没有选择数据的时候没有提示必输：

选择数据后提示必输？？？：

已经检查过prop,用的也是:model,名称什么的也没有写错，也没有使用复杂的对象（多层），对象仅有一层；这些可以先检查一下。

修改一

猜测可能是因为赋值的问题，因为赋值的是一个数组，可能不会触发change，于是改为使用$set赋值：

选择后不会提示必输了，但是打开修改框还是没有提示必输；

修改二

既然不提示必输，可能就是没有进行数据验证，这里就手动进行数据验证一下

这里需要调用一下validate，因为还有其他的要验证，如果只有一个需要，可以使用validateField

this.$refs["updateRuleForm"].validate(() => {});

提示错误：

我是在点击修改的事件中使用的上面的代码，猜测应该是修改框还没有渲染导致的

修改三

<el-dialog
        v-el-drag-dialog
        :close-on-click-modal="false"
        title="修改"
        :visible.sync="updateDialogFormVisible"
      >
        <el-form
          :model="updateForm"
          :rules="updateRuleForm"
          ref="updateRuleForm"
          @hook:mounted="handleMounterUpdate" 
          status-icon
        >

@hook:mounted可以在组件的mounted周期中执行，handleMounterUpdate中还是之前的validate；（忘了是在哪里看到的使用hook了，应该可以搜到，在此先感谢一下，感谢分享）

点击clear

感觉到这里就完成了，ε=(´ο｀*)))唉
然而但我再随便点了几下后，我发现点击打开有“组织”字段的弹框后再点击没有“组织”的弹框，验证又消失了？？？
想了想可能是修改组件复用了，导致修改组件没有重新渲染（没有重新执行mounted），于是又改了一下

修改四

<el-dialog
        v-el-drag-dialog
        :close-on-click-modal="false"
        title="修改"
        :visible.sync="updateDialogFormVisible"
      >
        <el-form
          :model="updateForm"
          :rules="updateRuleForm"
          ref="updateRuleForm"
          @hook:mounted="handleMounterUpdate"
          @hook:beforeUpdate="handleMounterUpdate"
          status-icon
        >

再增加一个@hook:beforeUpdate就可以在数据改变之后，DOM加载之前重新验证了。

测试了一下，应该差不多是能用的，注意修改一步骤中一定要将空数组赋值的时候也用$set赋值，我当时忘记修改了，导致排查了蛮久的。还有就是trigger应该也没啥用了，已经手动触发了，cascader默认好像也是change。

以上是我自己的解决方法，感觉还是不怎么好，有大佬知道其他的好的解决方案可能评论区留言一下，万分感谢。