addToSelectedData() { // 将选择好的信息添加到数组中 if (this.formList.indexName == '' || this.formList.indexName == null) { this.$message('请选择分项') return false } if (this.itemize == null || this.itemize == '') { this.$message('请选择总量') return false } this.selectedData.push({ indexName: this.formList.indexName, itemize: this.itemize, }) this.itemize = '' }, deleteSelectedData(index) { this.selectedData.splice(index, 1) },点击完输入框不清空

如果您想在点击输入框后不清空输入框的内容，可以将输入框的 `clearable` 属性设置为 `false`。这样，即使输入框失去焦点，输入框中的内容也不会被清空。例如：

<el-input v-model="formList.indexName" :clearable="false"></el-input>

相关问题

= Object.assign({}, rowData) this.getMbsj() }) }, getTarget() { if (this.formList.indexName == null || this.formList.indexName == '') { this.$message('请选择分项') return false } if (this.itemize == null || this.itemize == '') { this.$message('请选择总量') return false } this.$ajax({ url: '/lims/projectLib/project_item', method: 'post', data: { name: this.formList.indexName, tableData: this.selectedData, }, }).then(res => { if (res.data.code === 200) { this.$message({ message: '添加成功', center: true, type: 'success', }) this.dialogEdittVisible = false this.getList() } else { this.$message({ message: res.data.msg, center: true, type: 'error', }) this.dialogEdittVisible = false } }) },点击编辑按钮时如何显示编辑之前的数据

如果你想在点击编辑按钮时显示编辑之前的数据，可以在打开编辑对话框之前将要编辑的数据存储到一个变量中，然后在编辑对话框中将这些数据显示出来。具体操作如下：

1. 在打开编辑对话框之前，将要编辑的数据存储到一个变量中，例如：

// 点击编辑按钮时将要编辑的数据存储到 editData 变量中
editData = Object.assign({}, rowData)

这里使用了 `Object.assign()` 方法将 `rowData` 对象的属性复制到一个新对象中，以避免修改 `rowData` 对象时影响到 `editData` 变量。

2. 在编辑对话框中将 `editData` 变量中的数据显示出来，例如：

<!-- 编辑对话框中显示编辑之前的数据 -->
<el-form-item label="名称" prop="name">
  <el-input v-model="editData.name"></el-input>
</el-form-item>

这里使用了 `v-model` 指令将 `editData.name` 绑定到 `<el-input>` 组件上，以实现双向数据绑定。

注意：在编辑完成后，需要将编辑后的数据更新到原始数据中，以保持数据的一致性。可以在保存数据时将编辑后的数据与原始数据合并，例如：

this.$ajax({
  url: '/lims/projectLib/project_item',
  method: 'post',
  data: {
    name: this.formList.indexName,
    tableData: Object.assign({}, this.selectedData, this.editData),
  },
}).then(res => {
  // ...
})

<el-button class="buttonInfo" size="small" @click="updataMethod(scope.$index,scope.row)">编辑</el-button> handleSave() { this.$confirm('请确认无误?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning', }).then(() => { if (this.dialogType == 'addProjectOne') { this.getTarget() } else if (this.dialogType == 'editProjectOne') { this.updateTarget() } else { this.$message({ message: '操作异常', type: 'error' }) } }).catch(() => { this.$message({ type: 'info', message: '取消操作' }) }) }, // 编辑 updateTarget() { if (this.formList.indexName == '' || this.formList.indexName == null) { this.$message('请选择分项') return false } if (this.itemize == null || this.itemize == '') { this.$message('请选择总量') return false } this.$ajax({ url: '/lims/projectLib/project_item', method: 'put', data: { name: this.formList.indexName, tableData: this.selectedData, }, }).then(res => { if (res.data.code === 200) { this.$message({ message: '编辑成功', center: true, type: 'success', }) this.dialogEdittVisible = false this.getList() } else { this.$message({ message: res.data.msg, center: true, type: 'error', }) this.dialogEdittVisible = false } }) },如果点击编辑按钮时它显示后端所保存的内容怎么实现

您需要在编辑按钮的点击事件中添加获取后端保存内容的代码，然后将获取到的内容赋值给对应的表单字段。具体实现方式取决于您的后端接口返回的数据格式和前端框架。一般来说，您可以在获取到后端数据后使用双向绑定将数据绑定到表单字段上，例如使用 Vue 框架可以使用 `v-model` 来实现双向绑定。例如：

updataMethod(index, row) {
  // 发送请求获取后端保存的数据
  this.$ajax({
    url: '/api/getData',
    method: 'get',
    params: { id: row.id }
  }).then(res => {
    if (res.data.code === 200) {
      // 将后端数据赋值给表单字段
      this.formList.indexName = res.data.data.indexName
      this.itemize = res.data.data.itemize
      // 显示编辑对话框
      this.dialogType = 'editProjectOne'
      this.dialogEdittVisible = true
    }
  })
},

这里假设后端接口返回的数据格式为 `{ code: 200, data: { indexName: 'xxx', itemize: 'yyy' } }`，并且表单中的分项字段为 `formList.indexName`，总量字段为 `itemize`。在获取到后端数据后，将分项和总量字段分别赋值即可。