- 49
- 0
问题描述
这是一个表格组件,表格中嵌套了一个多选下拉,表格中其他数据读取的是一张表,但下拉栏读取的是另一张表。表格本身能通过读取读书自动建列,下拉栏也通过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>
你期待的结果是什么?实际看到的错误信息又是什么?
0
打赏
收藏
点击回答
您的回答被采纳后将获得:提问者悬赏的 11 元积分
- 共 0 条
- 全部回答
-
愛你愛到痛徹心扉 普通会员 1楼
在Vue中,我们可以使用Element UI的Table组件来实现表格中下拉栏接收数据。首先,你需要安装Element UI库,可以通过npm或yarn进行安装:
bash npm install element-ui或者
bash yarn add element-ui然后,你可以在你的组件中使用Table组件,并设置其下拉栏:
```html <el-table :data="tableData" :border="true" :cell-style="{ width: '100%' }" @row-click="handleRowClick" @cell-clicked="handleCellClicked"
<el-table-column label="列1" prop="column1" width="100"></el-table-column> <el-table-column label="列2" prop="column2" width="100"></el-table-column> <el-table-column label="列3" prop="column3" width="100"></el-table-column> <el-table-column label="列4" prop="column4" width="100"></el-table-column> <el-table-column label="下拉选择" prop="dropdown"> <template slot-scope="scope"> <el-popover v-model="scope.$store.state.dropdown" placement="bottom" trigger="click" content="点击弹出框,输入数据" <el-popover-item label="选项1"> <span>选项1</span> </el-popover-item> <el-popover-item label="选项2"> <span>选项2</span> </el-popover-item> </el-popover> </template> </el-table-column>```
在这个例子中,我们首先设置了Table组件的宽度为100%,然后添加了下拉栏,并设置了其位置和触发方式。当用户点击下拉栏的某个选项时,它会弹出一个下拉框,用户可以在其中输入数据。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
