关于Element-ui的多选框，单选框无法选中的问题

最新推荐文章于 2025-06-28 14:45:55 发布

李井瑞

最新推荐文章于 2025-06-28 14:45:55 发布

阅读量1.9w

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： javascript 前端 vue Element-ui

本文链接：https://blog.youkuaiyun.com/baidu_40421975/article/details/78641521

在开发一个类似问卷星的前端SPA时，遇到Element-ui的多选框和单选框无法选中的问题。错误包括对JavaScript中this的理解不深入，axios.js的异步操作导致视图未正确初始化，以及Vue无法检测数组元素改变引发的Element-ui组件显示问题。通过监听和修改@change及checked值解决了Vue和Element-ui的同步问题。

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

最近先放一下物联网的事情，打算开发一个前端的SPA。
类似于问卷星的一个东西，因为现在大学，填表的需求很高，可是却没有合适的软件，打算自己做个网站。

前端就选择用Vue和Element-UI开发了，可是在使用的过程中出现了很多错误，浪费了很长时间，也让我对Javascript有了更深的了解。

错误1
对‘this’的理解不深刻：

data() {
      return {
        clientWidth: 0,
      }
    },
    mounted() {
      this.clientWidth = document.documentElement.clientWidth
      const that = this
      window.onresize = function temp() {
        that.clientWidth = document.documentElement.clientWidth
      }
    }

这段代码用来计算界面宽度，而且是响应式的，但是