vue中如果在页面中v-model的是字典,那么在定义字典的时候,需要明确定义键值为''或者[],否则给字典的键值赋值后页面不显示

如题

在template模板中

{{111}}
{{form_temp.blOwnerMemberList}} #是字典的形式哦
{{222}}

在return的属性中

form_temp: {
  blOwnerMemberList: []  # 定义这个是问题的关键,如果不定义这个,在下面函数中给form_temp.blOwnerMemberList赋值后,上面的页面不显示,所以这块必须显示的定义
},

method中

initServices(callback, temp) {
   if (!callback) {
      var url = '/v1/cmdb/business_line/' + temp + '/'
      getBusinesslineInfo(url).then(response => {this.form_temp.blOwnerMemberList = JSON.parse(response.bl_owner)  #这块虽然赋值,但是如果在return中没定义blOwnerMemberList ,那么页面不显示的
      }).catch(error => {console.log(error)})
    }
  },

个人理解,如果不定义 blOwnerMemberList: [] ,在页面渲染的时候会认为这个元素不存在,所以后面赋值了对于不存在的元素也不会进行渲染。。。。

原文地址:https://www.cnblogs.com/robinunix/p/11672825.html