點擊input的選擇按鈕，  彈出一個表格，點擊表格任何一行，獲取到這行的id和名稱，名稱顯示在input框  代碼： ``` <el-form-item> <el-input v-model="form.typeIdVal" placeholder="請輸入內容" class="input-with-select" readonly > <el-button slot="prepend"?@click="showTypeIdAdd()">選擇類型</el-button> </el-input> </el-form-item> ``` 點擊選擇類型按鈕，彈出表格子組件 ``` //表格部分代碼 <el-table ref="multipleTable" :data="typeForData" tooltip-effect="dark" style="width: 100%" :header-cell-style="{ 'text-align': 'center' }" :cell-style="{ 'text-align': 'center' }" > <el-table-column prop="id" label="序號" width="100"> //通過作用域插槽，獲取到這行的id和lanId <template slot-scope="scope"> <span class="ds" @click="getId(scope.row.lanID, scope.row.id)">{{ scope.row.id }}</span> </template> </el-table-column> <el-table-column prop="lanID" label="類型"> <template slot-scope="scope"> <span class="ds" @click="getId(scope.row.lanID, scope.row.id)">{{ scope.row.lanID }}</span> </template> </el-table-column> </el-table> //方法：數據傳遞到父組件中，父組件接收 <script> getId(lanVal, id) { this.$emit("getMtIdVal", lanVal, id); this.dialogVisibleBasicTypeAddition = false; }, </script> //樣式：目的是讓span為塊元素 <style> .ds { display: block; width: 100%; } </style> ```