el-form中el-tree的rules校验

在el-form中，el-tree的rules校验可以通过在el-form-item中设置prop属性和在data()中设置Rules属性来实现。在Rules中，可以定义一个验证函数validOrgan，并将其作为validator属性的值。该验证函数可以通过this.$refs.organTree.getCheckedKeys()方法获取选中节点数组，然后判断数组是否为空来进行校验。如果数组为空，说明没有选中节点，则回调(callback)一个带有错误信息的对象；否则，回调一个空对象表示验证通过。在el-form-item中，可以设置trigger属性来指定触发校验的事件，如'change'事件。最后，在el-form中使用rules属性来绑定Rules对象。

例如，可以在data()方法中添加如下代码：

data() {
  let validOrgan = (rule, value, callback) => {
    let arr = this.$refs.organTree.getCheckedKeys();
    if (!arr || arr.length === 0) {
      callback(new Error('请选择关联机构'));
    } else {
      callback();
    }
  }
  
  return {
    Rules: {
      organList: [
        {
          required: true,
          validator: validOrgan,
          trigger: 'change'
        }
      ]
    }
  }
}

然后，在el-form-item中设置prop属性为'organList'：

<el-form-item prop="organList">
  <el-tree ref="organTree" ... ></el-tree>
</el-form-item>

最后，在el-form中使用rules属性绑定Rules对象：

<el-form :rules="Rules">
  ...
</el-form>

这样就可以实现el-form中el-tree的rules校验了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>