elementui中el-table嵌套el-select下拉,下拉選中后不顯示數值_不報錯_為空

問題描述

代碼如下,在table的每一個行中添加下拉選項,結果在頁面中下拉選項可以正常顯示,也沒有錯誤,但是無法選中option里面的內容

<el-table-column label="didi">
    <el-select v-model="dididi">
        <el-option 
            v-for="item in diList"
            :key="item.value"
            :value="item.id"
            :label="item.value"
        ></el-option>
    </el-select>
</el-table-column>

解決

正確的嵌套方式要添加上template,注意!在編輯器中scope可能會出現錯誤警告,表示scope沒有被用到,無所謂,不用理會

<template slot-scope="scope></template>

正確寫法

<el-table-column label="didi">

　　<template slot-scope="scope>//重要

　　　　<el-select v-model="dididi"> 
　　　　　　<el-option v-for="item in diList" :key="item.value" :value="item.id" :label="item.value" ></el-option> 
　　　　</el-select>

　　</template>

</el-table-column>