从后台循环遍历获取多选框的值，点击修改后在传到后台

A.颖

于 2019-03-13 10:08:15 发布

阅读量758

点赞数

分类专栏： Vue

本文链接：https://blog.youkuaiyun.com/weixin_42517975/article/details/88525809

版权

本文介绍了如何在Vue应用中处理后台循环遍历获取的多选框值。当用户点击修改按钮后，这些值将被传递回后台。主要涉及Vue页面代码、JavaScript操作以及Mock.js假数据的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

从后台循环遍历获取多选框的值，点击修改后在传到后台

1、Vue页面代码

<div style="float:right;height: 55%;width:90%;padding-left: 1%;">

  <el-table :data="tableData" border style="width: 95%;margin-left: 0%" height="300">
    <!--<el-table :data="tableData" style="width: 100%">-->
    <el-table-column prop="ywdm" label="代码" width="180">
    </el-table-column>
    <el-table-column prop="xtmc" label="系统代码" width="180">
    </el-table-column>
    <el-table-column prop="ywmc" label="业务名称" width="180">
    </el-table-column>
    <el-table-column label="短信" width="80">
      <template slot-scope="scope">
        <el-checkbox v-model="dxArray[scope.$index]" @change="switchChangeDx(scope

最低0.47元/天解锁文章