账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    这种数组在element中怎么合并列，数据是动态的
    58
    0
    var arr2 = [ { id: 1, name:"张三", sector: "测试组", value:111, totalfee: 60, cost: 25, starttime: '2021', endtime: "2021-10-11", reason: "测试1" }, { id: 1, name:"张三", sector: "测试组", value:111, totalfee: 60, cost: 35, starttime: '2021', endtime: "2021-10-22", reason: "测试2" }, { id: 2, name:"李四", sector: "前端组", value:222, totalfee: 150, cost: 10, starttime: '2021', endtime: "2021-10-11", reason: "测试1" }, { id: 2, name:"李四", sector: "前端组", value:222, totalfee: 150, cost: 20, starttime: '2021', endtime: "2021-10-12", reason: "测试2" }, { id: 2, name:"李四", sector: "前端组", value:222, totalfee: 150, cost: 50, starttime: '2021', endtime: "2021-10-13", reason: "测试4" }, { id: 2, name:"李四", sector: "前端组", value:222, totalfee: 150, cost: 70, starttime: '2021', endtime: "2021-10-14", reason: "测试3" }, ];table 部分<el-table :data="Newteble" v-loading.body="listLoading" :element-loading-text="listLoadText" border fit highlight-current-row id="printTest" :span-method="objectSpanMethod" > <el-table-column align="center" label="ID"> <template slot-scope="scope">{{scope.row.id}}</template> </el-table-column> <el-table-column align="center" label="部门"> <template slot-scope="scope">{{scope.row.sector}}</template> </el-table-column> <el-table-column align="center" label="姓名"> <template slot-scope="scope">{{scope.row.name}}</template> </el-table-column> <el-table-column align="center" label="加班餐补费总额"> <template slot-scope="scope">{{scope.row.totalfee}}</template> </el-table-column> <el-table-column align="center" label="加班详情"> <el-table-column align="center" label="开始时间"> <template slot-scope="scope">{{scope.row.starttime}}</template> </el-table-column> <el-table-column align="center" label="结束时间"> <template slot-scope="scope">{{scope.row.endtime}}</template> </el-table-column> <el-table-column align="center" label="金额"> <template slot-scope="scope">{{scope.row.cost}}</template> </el-table-column> <el-table-column align="center" label="具体详情"> <template slot-scope="scope">{{scope.row.reason}}</template> </el-table-column> </el-table-column> </el-table>vue中方法部分不知道改怎么动态合并,如下objectSpanMethod({ row, column, rowIndex, columnIndex }) { // if (columnIndex === 0) { //用于设置要合并的列 // if (rowIndex % 2 === 0) { //用于设置合并开始的行号 // return { // rowspan: 2,　　　　　//合并的行数 // colspan: 1 //合并的列数，设为０则直接不显示 // }; // } else { // return { // rowspan: 0, // colspan: 0 // }; // } // } },目前视图想要下面这种
    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 唐三 普通会员 1楼

      在JavaScript中，你可以使用map()方法和数组的join()方法来合并列。以下是一个示例：

      ```javascript let array = [ { id: 1, name: 'John' }, { id: 2, name: 'Jane' }, { id: 3, name: 'Bob' }, { id: 4, name: 'Alice' } ];

      array.map(item => { return { id: item.id, name: item.name }; }).join(''); ```

      在这个示例中，我们首先使用map()方法遍历数组中的每个对象。对于每个对象，我们创建一个新的对象，该对象包含一个id和一个name。然后，我们使用join()方法将这些对象连接成一个字符串。

      注意，join()方法使用指定的分隔符将数组中的每个对象连接成一个字符串。在这个示例中，我们使用空格作为分隔符。如果你想要使用不同的分隔符，你可以传递一个选项作为join()方法的参数。例如，如果你想要使用逗号作为分隔符，你可以这样做：

      javascript array.map(item => { return { id: item.id, name: item.name }; }).join(',');

      这个示例将返回一个字符串，其中每个对象都以逗号分隔。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部