vue3+element-plus项目中遇到的问题

最新推荐文章于 2024-04-25 14:42:24 发布

、富贵

最新推荐文章于 2024-04-25 14:42:24 发布

阅读量256

点赞数

文章标签： vue.js 前端 javascript elementui

本文链接：https://blog.csdn.net/weixin_50161578/article/details/133149881

版权

文章介绍了在使用Element-Plus过程中，当编辑框内容未保存但表单数据意外更新的问题。提供了解决方案，即使用`JSON.parse(JSON.stringify(addRolesData))`来确保数据正确同步。

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

1、element-plus中新增表单数据时，编辑框内容未保存，但是表单中的数据会跟着改变。

解决方法：JSON.parse(JSON.stringify(addRolesData))

const addRole = (formEl: FormInstance | undefined) => {
    if (!formEl) return
    formEl.validate((valid) => {
        if (valid) {
            const obj=JSON.parse(JSON.stringify(addRolesData));
            tableData.push(obj);
            addRolesVisible.value = false;
        } else {
            console.log('error submit!')
            return false
        }
    })
}

2、