vue下拉框向后台同时传value和label值

小灰灰 2022-09-08 06:17 263阅读 0赞

<el-table-column label="供应商" width="200" header-align="center" align="center">
       <template slot-scope="scope">
            <el-select 
                  v-if="tabClickId == scope.row.procurementId" 
                  v-model="scope.row.supplier"
             >
                <el-option 
                      v-for="item in supplierOptions" 
                      :key="item.userId" 
                      :label="item.userName"
                      :value="`${item.userId}|${item.userName}`">
                 </el-option>
             </el-select>
             <span v-else>{
       {scope.row.supplier}}</span>
       </template>
    </el-table-column>
    <el-table-column label="操作" width="200" fixed="right" header-align="center" align="center">
         <template slot-scope="scope">
            <el-button type="text" size="small" @click="save(scope.row)">提交</el-button>
         </template>
    </el-table-column>
    
    
    
    
    data(){
       return {
            tabClickId: "",
            // 供应商下拉框内容
            supplierOptions: [],
       }
    },
    methods: {
        // 提交编辑数据
        save(row) {
            const [lable, value] = row.supplier.split('|');
            row.supplier = value;
            row.supplierId = lable;
            RowsEdit(row).then(res => {
                this.$message({
                   type: 'success',
                   message: res.msg
                });
                this.tabClickId = null
            })
        },
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，263人围观）

还没有评论，来说两句吧...

相关阅读

相关 PHP获取表单值--同时获取下拉框的Value和Text值

同时获取下拉框的Value和Text值的解决办法：添加一个<p>标签，用户选中一项后就将该项的Text赋值给他然后接受页面获取该P变迁即可获取到相应的Text值

不念不忘少年蓝@/ 2023年10月17日 13:49/ 0 赞/ 44 阅读

相关 label-col与wrapper-col、vue页面监听、下拉框获取label

1、Ant 表单中label-col和wrapper-col :label-col='{span:5, offset:1}' :wrapper-col='{span:

水深无声/ 2023年09月27日 11:58/ 0 赞/ 118 阅读

相关 vue基于elementUI下拉Select同时获取value和label的值

[https://blog.csdn.net/qq\_33592641/article/details/107245334][https_blog.csdn.net_qq_33

￡神魔★判官ぃ/ 2023年01月02日 03:19/ 0 赞/ 48 阅读

相关 vue element el-select 同时获取value和label的值

vue element el-select 同时获取value和label的值在工作中有些场景可能会需要同时获取value和label的值 <el-form-

谁践踏了优雅/ 2022年11月15日 14:09/ 0 赞/ 262 阅读

相关 vue基于element-ui select下拉框获取value和label的值

[https://www.jianshu.com/p/a2b593b15509][https_www.jianshu.com_p_a2b593b15509] [https:/

深藏阁楼爱情的钟/ 2022年11月12日 09:44/ 0 赞/ 153 阅读

相关 vue渲染select下拉框的值

关于一些经常用到的参考文档：这里都罗列一下,查找起来比较方便 Element UI手册：[https://cloud.tencent.com/developer/doc/12

雨点打透心脏的1/2处/ 2022年11月07日 05:50/ 0 赞/ 245 阅读

相关 vue渲染select下拉框的值

关于一些经常用到的参考文档：这里都罗列一下,查找起来比较方便 Element UI手册：[https://cloud.tencent.com/developer/doc/12

逃离我推掉我的手/ 2022年11月05日 11:48/ 0 赞/ 250 阅读

相关 vue下拉框向后台同时传value和label值

<el-table-column label="供应商" width="200" header-align="center" align="center">

小灰灰/ 2022年09月08日 06:17/ 0 赞/ 264 阅读

相关 Element ui select同时获取value和label的值

代码如下： <el-form-item v-if="isMD" label="业务员名称"> <el-select v-model

傷城~/ 2022年04月08日 09:18/ 0 赞/ 353 阅读

相关 layui下拉框取val值和text值并传到后台

下面是一个简单的layui数据模板下拉框第一步 <form class="layui-form" id="edittraps"> <div c

待我称王封你为后i/ 2022年02月20日 05:57/ 0 赞/ 746 阅读