2022-02-13

/* es6对象解构 */

                    let { data: { goods } } = res

                    /* es6的循环数组的方法 r表示每一个对象 i每一个对象的索引 不可以写return

                       return可以中止循环 但是不会有返回值

                       forEach里面不可以使用break 因为break是for循环里面的关键字*/

                    goods.forEach(function (r, i) {

                        // console.log(r, i);

                        str += `

                        <tr>

                            <th scope="row">${i + 1}</th>

                            <td>${r.goods_name}</td>

                            <td>${r.goods_price}</td>

                            <td>${r.goods_number}</td>

                            <td>${r.goods_weight}</td>

                            <td>${r.goods_state}</td>

                            <td>

                                <button type="button" class="btn btn-danger" onclick="del(${r.goods_id})">删除</button>

                                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo" onclick="sendId(this,${r.goods_id})" id='changecolor'>修改</button>

                            </td>

                        </tr>

                        `

                    })

/* 老版本 */

                    /* for (var i in res.data.goods) {

                        str += `

                        <tr>

                            <th scope="row">${parseInt(i) + 1}</th>

                            <td>${res.data.goods[i].goods_name}</td>

                            <td>${res.data.goods[i].goods_price}</td>

                            <td>${res.data.goods[i].goods_number}</td>

                            <td>${res.data.goods[i].goods_weight}</td>

                            <td>${res.data.goods[i].goods_state}</td>

                            <td>

                                <button type="button" class="btn btn-danger" onclick="del(${res.data.goods[i].goods_id})">删除</button>

                                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo" onclick="sendId(this,${res.data.goods[i].goods_id})" id='changecolor'>修改</button>

                            </td>

                        </tr>

                        `

                    } */

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 对象的解构 /* es6对象解构 */ let { data: { goods } } = r...
    Esther_12e7阅读 1,400评论 0 0
  • 对象的解构 /* es6对象解构 */ let { data: { goods } } = r...
    清风伴酒__阅读 1,148评论 0 0
  • 1. let和const let(变量)不会重复声明变量-可以修改块级作用域 const(常量)不会重复声明常量-...
    icon6阅读 2,695评论 0 0
  • CSS CSS3 布局属性 标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100 !importan...
    53cfdb355418阅读 3,328评论 0 0
  • rljs by sennchi Timeline of History Part One The Cognitiv...
    sennchi阅读 12,186评论 0 10

友情链接更多精彩内容