增加框删除框

最新推荐文章于 2023-10-01 15:52:33 发布

猴子望月

最新推荐文章于 2023-10-01 15:52:33 发布

阅读量90

点赞数

分类专栏：工作常用

本文链接：https://blog.csdn.net/qq_43718718/article/details/105376856

版权

工作常用专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<div id="app">

    <table class="layui-table">
        <thead>
        <tr>
            <th>关键物料唯一码</th>
            <th>操作</th>
        </tr>
        </thead>

        <tr v-for="(item, index) in qrcodeNoList">
            <td>
                <input class="layui-input" type="text" v-model="item.qrcodeNo">
            </td>
            <td>
                <button type="button" class="layui-btn" @click="removeTableRow(item)">删除</button>
            </td>
        </tr>
    </table>

    <button type="button" class="layui-btn" @click="save()">保存</button>
    <button type="button" class="layui-btn" @click="addTableRow()">增加</button>
</div>


</div>

  data: {
            qrcodeNoList: [],
        },

    //减少框
>             removeTableRow: function (index) {
>                 this.qrcodeNoList.splice(index, 1);
>             },
>             //关闭当前页面
>             currentPageClose: function () {
>                 var index = parent.layer.getFrameIndex(window.name);
>                 parent.layer.close(index);//关闭当前页
>             },
>             //增加框
>             addTableRow: function () {
>                 this.qrcodeNoList.push({qrcodeNo: ''});
>             },