element 表格选中当前一行点击添加附件新增加的内容编号是带有-1 如图效果

最新推荐文章于 2022-12-02 15:07:10 发布

hunraojinzhao

最新推荐文章于 2022-12-02 15:07:10 发布

阅读量428

点赞数 2

CC 4.0 BY-SA版权

文章标签： vue javascript js

本文链接：https://blog.youkuaiyun.com/hunraojinzhao/article/details/107581938

在使用Vue.js开发的表格中，遇到一个问题：点击添加附件时，新生成的内容编号错误地显示为已存在行的编号加1，期望实现的是根据选中行的编号正确添加。同时，希望添加附件后的新行不再显示'添加附件'功能。寻求解决方案。

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

在这里插入图片描述

在这里插入图片描述
我想要的效果是222222-编号也是1 2 3 这样现在做出来的就是上面1111111添加以后再点222222这条信息加附件出来的就是1111111后面的编号我想要的是222222-1这样的而且也不想让添加附件出来的信息有加附件这个功能求大佬指点指点萌新
源码是这样的html部分在这里插入代码片`

<template>
  <div class="about">
    <div class="detailsForm">
      <el-button type="primary" size="small" @click="editAll">批量编辑</el-button>
      <el-button type="success" size="small" @click="submits">提交</el-button>
      <el-button type="primary" size="small" @click="addAll">批量增加</el-button>
      <el-button type="success" size="small" @click="delectAll">批量删除</el-button>
      <el-table :data="tabledatas" border @selection-change="handleSelectionChange">
        <el-table-column type="selection"></el-table-column>
        <el-table-column align="center" label="编号">
          <template slot-scope="scope">
            <span v-if="scope.row.show">
              <el-input size="mini" placeholder="请输入内容" v-model="scope.row.clothingCoding"></el-input>
            </span>
            <span v-else>{
   
   {
   
   scope.row.clothingCoding}}</span>
          </template>
        </el-table-column>
        <el-table-column align="center" label="年级">
          <template slot-scope="scope">
            <span v-if="scope.row.show">
              <el-input size="mini" placeholder="请输入内容" v-model