怎么实现点击左侧的el-table，右侧el-input输入框出现内容

发起请求的el-input

<el-input  v-model="id" placeholder="请输入id"></el-input>

1，左侧el-table的结构

<el-table
                  :data="tableData"
                  @current-change="handleCurrentChange"
                 >
            <af-table-column
                    prop="name"
                    label="姓名">
            </af-table-column>
            <af-table-column
                    prop="sex"
                    label="性别"
            ></af-table-column>
            <af-table-column
                    prop="age"
                    label="年龄"
            ></af-table-column>
</el-table>

2，右侧el-input绑定的数据

<el-input  v-model="List.name"></el-input>
<el-input  v-model="List.sex"></el-input>
<el-input  v-model="List.age"></el-input>
<el-input  v-model="List.nationality"></el-input>  //国籍

3，return部分

 export default {
    data() {
      return {
        id:'',  //根据它发起搜索
        tableData: [],
        List:{
          name:'',
          sex:'',
          age:'',
          nationality:''
        }
      }
    }

4，发起查询的请求，将结果返回到tableData中

5，利用el-table绑定的@current-change="handleCurrentChange"将el-table的数据展示到输入框中

handleCurrentChange(val){
        let that = this;
        that.List = JSON.parse(JSON.stringify(val));
      },

6，总结

虽然el-table中我只写了name，sex和age，而右侧的el-input多余了一个国籍nationality，但是只要查询的sql中写了国籍，el-table就会存有这个数据，右侧的el-input也能展示