element-ui｜el-cascader 默认选中高亮第一层级的某个选项

需求要求点击级联选择器，展开下拉选项时，第一级的某个选项被默认选中高亮。be like

 如果是默认选择某个固定值，比如'组件'：

<el-cascader v-model ="data" ref="cas" @visible-change="handleVisibleChange"/>

 handleVisibleChange(value) {
      if (!value) return
      // value为true 表示展示下拉选项
      if (!data.length) {
        // 要高亮的值对应的节点
        const node = this.$refs.cas.$refs.panel.getNodeByValue(['组件'])
        // 对应的高亮路径
        this.$refs.cas.$refs.panel.activePath = [node]
        // 展开节点
        this.$refs.cas.$refs.panel.expandNodes([node])
      }
    },

如果默认选中的值由后端返回，那么返回值格式应为：['组件']

参考资料：element-ui 多选框和级联选择的部分bug以及解决方法 - 掘金