<el-dialog :title="formEditTitle" :visible.sync="dialogEdittVisible" width="700px"> <div style="display: flex; justify-content: center; height: 40px;"> <span style="align-self: center;">总量:</span> <el-input id="input-box" @input="forceUpdate" placeholder="在这里输入内容" v-model="dialogObj.name" style="width: 250px;"></el-input> <div class="radiobox" style="flex: 1; height: 100px; text-align: center; margin-left: 20px;"> <el-form> <span>分项:</span> <el-select filterable v-model="dialogObj.indexName" placeholder="请选择" @change="showSelectedValue" style="flex: 1; height: 100px; text-align: center;"> <el-option v-for="(itemOne, item) in templateList" :key="item" :label="itemOne" :value="itemOne" > </el-option> </el-select> </el-form> </div> <el-button @click="addToSelectedData" style="height: 40px;" :clearable="false">添加</el-button> </div> <el-table :data="dialogObj.children"> <el-table-column prop="name" label="分项"></el-table-column> <el-table-column label="操作"> <template slot-scope="scope"> <el-button @click="deleteSelectedData(scope.$index)">删除</el-button> </template>怎么实现点击添加之后刷新表单页面
时间: 2023-07-03 20:04:58 浏览: 98
elementui更改el-dialog关闭按钮的图标d的示例代码
5星 · 资源好评率100%
你可以在 `addToSelectedData` 方法中,添加成功后重新获取数据并更新表格,例如:
```
addToSelectedData() {
// 添加数据的逻辑
// ...
// 重新获取数据并更新表格
axios.get('/api/getData').then(res => {
this.dialogObj.children = res.data
})
}
```
其中,`/api/getData` 是你后端提供的获取数据的接口。当添加数据成功后,就会重新获取数据并更新表格。
阅读全文