问题总结 elementUI el-checkbox 无法勾选问题

最新推荐文章于 2025-04-21 14:13:21 发布

weixin_30527323

最新推荐文章于 2025-04-21 14:13:21 发布

阅读量3.9k

点赞数 1

文章标签： javascript ui ViewUI

原文链接：http://www.cnblogs.com/wuhuaguo/p/11552327.html

版权

本文介绍了一种在form表单中处理checkbox状态更新的方法。针对从后台获取数据并设置checkbox值时遇到的状态无法更改的问题，文章给出了正确的实现方式，通过深拷贝的方式避免了表单数据与重置数据之间的冲突。

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

问题场景：

form表单中checkbox的增删改查，在后台获取到的数据中拿到checkbox的值，但是改不了状态，是因为在后台拿到的form表单的数据和重置数据出现冲突

错误：

async getDetail () {
      await this.$api.getTaskDetail({
        params: {
          id: this.id
        }
      }).then(res => {
        this.form = res,
        this.form.checkbox = res.email_enbale == '1'? true: false
      })
    },

正确：

async getDetail () {
      await this.$api.getTaskDetail({
        params: {
          id: this.id
        }
      }).then(res => {
        this.form = {
          ...res,
          checkbox: res.email_enbale == '1'? true: false
        }
      })
    },

转载于:https://www.cnblogs.com/wuhuaguo/p/11552327.html