vite+vue3+element实现多级联动表格

效果图：

 首先，需要确保安装了 Element UI。你可以使用以下命令安装：

npm install element-ui --save

 其次，在你的 main.js 文件中，确保你已经引入并注册了Element UI：

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

然后，假设我们的json对象保存在名为 json 的变量中，我们可以创建两个下拉框。下面是Vue组件的一个示例：

 

<template>
  <div>
    <el-select v-model="selectedLeng" placeholder="请选择语言" @change="onLengChange">
      <el-option
        v-for="item in json"
        :key="item.leng"
        :label="item.leng"
        :value="item.leng">
      </el-option>
    </el-select>

    <el-select v-model="selectedSpeech" placeholder="请选择声音" v-if="speechOptions.length">
      <el-option
        v-for="item in speechOptions"
        :key="item.key"
        :label="item.key"
        :value="item.value">
      </el-option>
    </el-select>
  </div>
</template>

<script>
export default {
  data (){
    return {
      json: [
        {
          "leng": "南非荷兰语（南非）",
          "speech": [
            {
              "key": "AdriNeural（女）",
              "value": "af-ZA-AdriNeural"
            },
            {
              "key": "WillemNeural（男）",
              "value": "af-ZA-WillemNeural"
            }
          ]
        },
        {
          "leng": "阿姆哈拉语（埃塞俄比亚）",
          "speech": [
            {
              "key": "MekdesNeural（女）",
              "value": "am-ET-MekdesNeural"
            },
            {
              "key": "AmehaNeural（男）",
              "value": "am-ET-AmehaNeural"
            }
          ]
        }
      ],
      selectedLeng: '',
      selectedSpeech: '',
      speechOptions: []
    };
  },
  methods: {
    onLengChange(newLeng) {
      const selected = this.json.find(x => x.leng === newLeng);
      if (selected) {
        this.speechOptions = selected.speech;
      }
    }
  }
};
</script>

在上述代码中，我们首先定义了两个下拉选择框，一个用于选择语言（leng），另一个用于选择声音（speech）。在选择语言后，我们的代码将找出与该语言相关的声音，并更新speechOptions 以显示正确的选项。考虑到初始加载时第二个下拉框可能没有选项，因此我们使用了v-if来仅在有可选声音时显示第二个下拉框。

当然，最后你需要用表单或按钮来提交这些值然后进行后续操作，这部分根据你自己的需求进行修改即可。