vue点击按钮给数组动态添加数据，添加数据为专家类型使用el-select 专家专业通过专家类型选择专家专业使用ul-cascader，先添加后填写

在Vue.js中，如果你想通过点击按钮动态向数组中添加专家类型的元素，并利用`el-select`来选择专家的专业，以及使用`ul-cascader`下拉树组件来进一步细化专业选择，你可以这样做：

1. 首先，在你的组件模板中，创建一个按钮用于触发数据添加，并绑定一个事件处理函数，比如`addExpert`：

<button @click="addExpert">添加专家</button>
<el-select v-model="selectedExpertType" placeholder="请选择专家类型">
  <el-option v-for="type in expertTypes" :key="type.id" :label="type.name" :value="type.id">
  </el-option>
</el-select>
<ul-cascader
  v-model="selectedSpecialty"
  :options="cascaderOptions"
></ul-cascader>

2. 然后，在你的组件的data选项中，初始化数组和一些变量：

data() {
  return {
    experts: [], // 存储专家信息的数组
    selectedExpertType: '',
    selectedSpecialty: [],
    expertTypes: [], // 专家类型的数据源
    cascaderOptions: [], // 专业选择的数据源
  };
},

3. 在`addExpert`函数中，当用户点击按钮时，可以生成一个新的专家对象并追加到数组中，同时更新相应的选中值：

methods: {
  addExpert() {
    const newExpert = {
      type: this.selectedExpertType,
      specialty: this.selectedSpecialty, // 这里假设selectedSpecialty是一个完整的专业路径数组
    };
    this.experts.push(newExpert);
    this.selectedExpertType = '';
    this.selectedSpecialty = []; // 清空专业选择以便再次选择
  }
},

4. 对于`expertTypes`和`cascaderOptions`，你需要提供实际的选项数据，这通常是从服务器获取或者在组件初始化时加载的本地数据。