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) },点击完输入框不清空
时间: 2023-11-22 15:52:50 浏览: 71
如果您想在点击输入框后不清空输入框的内容,可以将输入框的 `clearable` 属性设置为 `false`。这样,即使输入框失去焦点,输入框中的内容也不会被清空。例如:
```html
<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 } }) },点击编辑按钮时如何显示编辑之前的数据
点击编辑按钮时,可以将要编辑的数据传入到弹窗中,通过表单的绑定将数据显示在对应的表单项中。例如,可以在弹窗中添加一个表单,然后将要编辑的数据作为表单的初始值,如下所示:
```html
<el-dialog title="编辑数据" :visible.sync="dialogVisible">
<el-form :model="formData">
<el-form-item label="名称">
<el-input v-model="formData.name"></el-input>
</el-form-item>
<el-form-item label="数值">
<el-input-number v-model="formData.value"></el-input-number>
</el-form-item>
</el-form>
<div slot="footer">
<el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="editData">保存</el-button>
</div>
</el-dialog>
```
其中,`formData` 对象是表单数据的绑定对象,可以在 `created` 钩子函数中初始化为要编辑的数据,例如:
```javascript
created() {
this.formData = Object.assign({}, this.editingData);
},
```
这样,当弹窗弹出时,表单中就会显示要编辑的数据的初始值。当用户修改了数据并点击保存按钮后,再将表单中修改后的数据提交到后台进行更新。
<el-button class="buttonInfo" size="small" @click="updataMethod(scope.$index,scope.row)">编辑</el-button>updataMethod(index, rowData) { this.dialogEdittVisible = true this.$nextTick(() => { this.dialogType = 'editProjectOne' this.formEditTitle = '编辑' this.formEdit = 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 } }) },点击编辑按钮时如何显示编辑之前的数据
根据你提供的代码,可以看出编辑按钮点击后会触发 `updataMethod` 方法,该方法会将 `dialogEdittVisible` 设置为 `true`,从而显示编辑弹窗。同时,会将 `formEdit` 对象赋值为当前行数据的拷贝,用于编辑之前的数据展示。
你可以在弹窗中使用 `formEdit` 对象的属性来展示编辑之前的数据。例如,在弹窗中展示名称可以这样写:
```html
<el-form-item label="名称">
<el-input v-model="formEdit.name"></el-input>
</el-form-item>
```
这里假设当前行数据对象中有一个名为 `name` 的属性。你可以根据实际情况调整代码。
阅读全文