element实现列表中添加一个下拉框（下拉框内容不同）

最新推荐文章于 2024-08-01 14:22:09 发布

等一杯清茶

最新推荐文章于 2024-08-01 14:22:09 发布

阅读量1.1k

点赞数 1

分类专栏：前端文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_45223595/article/details/120325013

版权

前端专栏收录该内容

25 篇文章 2 订阅

订阅专栏

element实现列表中添加一个下拉框（下拉框内容不同）

tableDatas: [{
                    car_index: '201',
                    car_type: '消杀',
                    car_state: '运行',
                    power: '10',
                    chemical: '20',
                    current_route: '1',
                    current_time: '100',
                    all_time: '200',
                    current_mil: '120',
                    all_mil: '220',
                    options: [{value: 0, label: '1号线'}, {value: 1, label: '2号线'}]
                },{
                    car_index: '202',
                    car_type: '消杀',
                    car_state: '运行',
                    power: '10',
                    chemical: '20',
                    current_route: '1',
                    current_time: '100',
                    all_time: '200',
                    current_mil: '120',
                    all_mil: '220',
                    options: [{value: 0, label: '1号线'}]
                }]

<el-table-column label="路线">
        <template slot-scope="scope">
            <el-select v-model="scope.row.car_route" placeholder="请选择路线">
                    <el-option v-for="item in scope.row.options" :key="item.value" :value="item.label" :label="item.label">
                </el-option>
            </el-select>
        </template>
    </el-table-column>