• 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: [] ,在页面渲染的时候会认为这个元素不存在,所以后面赋值了对于不存在的元素也不会进行渲染。。。。

  • 相关阅读:
    Smarty模板引擎技术(三)
    Smarty模板引擎技术(二)
    Smarty模板引擎技术(一)
    Ajax技术
    JavaScript--XML DOM
    JavaScript--HTML DOM
    [转]常用正则表达式
    JavaScript--事件
    CentOS 下开启PHP错误提示
    JavaScript实例
  • 原文地址:https://www.cnblogs.com/robinunix/p/11672825.html
Copyright © 2020-2023  润新知