elementui动态数据二级联动

要实现 ElementUI 的动态数据二级联动，你可以按照以下步骤进行：

1. 定义两个下拉框，并使用 v-model 绑定选择的值。

<el-select v-model="selectedFirst" @change="handleFirstChange">
  <el-option v-for="(item, index) in firstOptions" :key="index" :label="item.label" :value="item.value"></el-option>
</el-select>

<el-select v-model="selectedSecond">
  <el-option v-for="(item, index) in secondOptions" :key="index" :label="item.label" :value="item.value"></el-option>
</el-select>

2. 在 data 中定义选项数据和选中的值。

data() {
  return {
    selectedFirst: '',
    selectedSecond: '',
    firstOptions: [],
    secondOptions: []
  }
},

3. 在 mounted 钩子中获取一级选项的数据。

mounted() {
  // 获取一级选项数据
  axios.get('/api/firstOptions')
    .then(res => {
      this.firstOptions = res.data
    })
    .catch(err => {
      console.log(err)
    })
},

4. 定义 handleFirstChange 方法，在一级选项改变时获取二级选项的数据并更新。

methods: {
  handleFirstChange() {
    // 获取二级选项数据
    axios.get('/api/secondOptions/' + this.selectedFirst)
      .then(res => {
        this.secondOptions = res.data
      })
      .catch(err => {
        console.log(err)
      })
  }
}

以上就是实现 ElementUI 的动态数据二级联动的基本步骤。需要注意的是，获取选项数据的接口地址需要根据实际情况修改。