vue.js - vue element-ui 使用select组件 绑定的model发生了变化,但是视图没有更新

问题描述

问 题

1. 背景是需要根据数据量动态生成select,所以在data声明一个空对象,在create生命周期根据数据量动态添加对应数量的data用来绑定select

2. 现在的情况是,model成功绑定了,但是在切换select选项的时候,视图无法更新,选了b还显示a,

3. https://jsfiddle.net/qxfpaf0h/7/ demo

解决方案

在 data 中初始化 reject 就行了

    data() {
      let reject = {}
      for(var i = 0; i < 10; i++) {
        reject[i] = 0
      }
      console.log(reject)
    
      return {
        reject,
        list: [1,2,3,4,5,6,7,8,9,10]
      }
    }

https://jsfiddle.net/yb2dLxoo/

这篇关于vue.js - vue element-ui 使用select组件 绑定的model发生了变化,但是视图没有更新的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！