标签：vue obj computed element nbsp 数组 input model

接口返回的是一个数组，对应的是一堆的input组件，期望input与数组的configValue一一对应绑定，同时不希望做过多的数据操作

数据：( this.configList )

 表单：

 页面组件：

                    <el-col :span="20">
                      <div style="width: 475px;">
                        <el-time-select
                          size="medium"
                          v-model="configObj.GLOBAL_TIME_START.configValue"
                          :picker-options="{
                            start: '00:00',
                            step: '00:15',
                            end: '23:45',
                            maxTime: value2
                          }"
                          placeholder="开始时间点">
                        </el-time-select>

                        <span style="color: #bbb;">&nbsp;&nbsp;至&nbsp;&nbsp;</span>

                        <el-time-select
                          size="medium"
                          v-model="configObj.GLOBAL_TIME_END.configValue"
                          :picker-options="{
                            start: '00:15',
                            step: '00:15',
                            end: '24:00',
                            minTime: value1
                          }"
                          placeholder="结束时间点">
                        </el-time-select>
                      </div>
                    </el-col>

js （使用 computed )：

  computed: {
    configObj: function() {
      var obj = {};
      this.configList.forEach(element => {
        obj[element.configCode] = element;
      });
      return obj;
    }
  },

标签：vue,obj,computed,element,nbsp,数组,input,model
来源： https://www.cnblogs.com/ifeelthecall/p/15899328.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。