问题描述
这是一个表格组件,表格中嵌套了一个多选下拉,表格中其他数据读取的是一张表,但下拉栏读取的是另一张表。表格本身能通过读取读书自动建列,下拉栏也通过scope做到自动创建,但是关键的数据怎么传进去不清楚,我从后台获取了对象字符串,但是我怎么能把字符串自动放到每一行中并绑定下拉栏的值呢(需要把后台的值传到下拉栏label中,而不是下拉栏选项option里)
问题出现的环境背景及自己尝试过哪些方法
相关代码
// 请把代码文本粘贴到下方(请勿用图片代替代码)
<el-table stripe :data="gridData.content" class="mt-10" height="calc(100vh - 270px)"
v-loading="ServiceController.pagingByCriteria.loading">
<el-table-column prop="application.name" label="系统名称"></el-table-column>
<el-table-column prop="name" label="API名称"></el-table-column>
<el-table-column prop="path" label="API path"></el-table-column>
<el-table-column prop="schemes" label="URL schemes"></el-table-column>
<el-table-column prop="state" label="服务状态"></el-table-column>
<el-table-column label="环境">
<template slot-scope="scope">
<el-select v-model="scope.row.environment" multiple collapse-tags placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button type="text" icon="el-icon-edit" v-permission="FuncCode.cof_f_sam_edit" @click="openEdit(scope.row)">编辑</el-button>
</template>
</el-table-column>
</el-table>