vue dynamically added to the data in the variable

A: First you have data

My business is dynamically assigned to the v-model, but you have to change so one can not do this when you have dynamically created variables

First you have to know your data structure is what, and then you create a dynamic array of variables based on the structure of your data

Then an empty array you create one-v-model assignment

js:

for (var i =0;i< _this.particulars.itemList.length;i++) {
         _this.timeSet.push([]);
           for (var k = 0;k<_this.particulars.itemList[i].taskList.length;k++) {
                  _this.timeSet[i].push({stopTime:'',measureText:''});
                        }
             }

data:

timeSet : [];
                      

html:

<div class="module">
    <div class="question-group" v-for="(item,index) in particulars.itemList" :key="index">
            <p class="group-title">{{item.title}}</p>
            <div class="group-content" v-for="(list,idx) in item.taskList" :key="idx">
                <div class="question">
                    <div class="question-type">整</div>
                    <p class="question-title">{{list.clauseContent}}</p>
                    <div class="question-sub">
                        <p class="title">凭证详情</p>
                        <textarea class="input-show" placeholder="请输入措施内容" v-model="timeSet[index][idx].measureText"></textarea>
                    </div>
                    <div class="question-options form-item-group">
                        <div class="module-wrapper half">
                            <!-- 时间选择(带标题) -->
                            <div class="form-item with-label">
                                <p class="label">任务结束时间<span class="required">*</span></p>
                                <div class="module">
                                    <flat-pickr :config="pickrConfig" placeholder="请选择结束时间" v-model="timeSet[index][idx].stopTime"></flat-pickr>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </div>
</div>

 

I hope to help you