vue-selecttree rules规则失效问题

采用

<el-form-item  style="margin-bottom: 0;" label="专题分类" prop="categoryId">
            <treeselect
              v-model="form.category.id"
              :disabled="readonly||(form.enabled==1)"
              :load-options="loadCats"
              :props="defaultProps"
              :options="cats"
              style="width: 370px;"
              placeholder="选择上级分类"
            />
          </el-form-item>
data() {
    const isSelect = (rule, value, callback) => {
      if (this.form.category.id == null) { //如果值是 null，提示用户选择正确的选项
        return callback(new Error("请正确选择分类"));
      } else {
        callback();
      }
    }
    return {
    ...
    cats: [],
   defaultProps: {
        id: 'id',
        hasChildren: 'hasChildren',
        label: 'title'
   },
      ...
rules: { 
        categoryId: [
          {  required: true ,validator: isSelect, message: '分类不能为空', trigger: 'input' }// , type:'number' validator: validatCatId,
        ]
      },

/** selecttree 采用@input函数
不起作用，采用validate函数
     * changeCategory() {
      this.$nextTick(() =>{
        this.$refs.form.validateField('categoryId')
        //alert(this.form.category.id)
      })

    },*/