vue3 ts 点击加号添加一行

最新推荐文章于 2024-05-29 17:44:30 发布

愿祖国繁荣昌盛user

最新推荐文章于 2024-05-29 17:44:30 发布

阅读量1.1k

点赞数 2

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_49875821/article/details/121086591

版权

本文介绍如何在Vue3项目中结合TypeScript实现点击加号按钮动态添加表格行的功能，涵盖核心代码展示及实现步骤。

摘要由CSDN通过智能技术生成

<div style="width: 860px; height: 130px; border: 1px solid gray; margin-bottom: 50px" v-show="addAccountForm" v-for="(item, index) in accountFormDatas.applyNeed" :key="index">
        <div style="display: flex; margin-top: 10px">
          <el-form-item label="工具编号" :prop="`applyNeed.${index}.code`" :rules="rulesTwo.code">
            <el-input v-model="item.code" :disabled="disables" style="width: 140px"></el-input>
          </el-form-item>
          <el-form-item label="状态" :prop="`applyNeed.${index}.status`" :rules="rulesTwo.status">
            <el-select v-model="item.status" placeholder="Select" size="small" :disabled="disables" style="width: 120px">