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>