Vue Element UI 的级联选择器视图不实时更新问题

问题

监听一数据的变化从而改变一个 级联选择器 的数据源 options，结果发现，似乎监听数据变化后，只在激活级联选择器的第一次页面根据新的改变后的 数据源 渲染了，此时监听数据再变化，页面上级联选择器的数据源依然是上次激活的样子。

这是渲染问题？控制台 log 发现数据源已经变了，但是视图不能实时更新。

代码

watch: {
    'formFieldsData.department': {
      handler(newVal, oldVal) {
		// 下面 this.departmentsLeader 就是级联选择器的数据源
        const data = this.departments
        // 无论是直接赋值还是用 set 都一样的结果
        // data 是个树形结构数据 addDisabled 用来遍历结构增加 disabled 属性
        // this.departmentsLeader = this.addDisabled(data, newVal)
        this.$set(this.departmentsLeader, this.addDisabled(data, newVal))
        console.log(this.departmentsLeader)
      }
    }
  },