vue动态给data中添加变量

更新时间:2023-07-27 10:22:04 阅读: 评论:0

vue动态给data中添加变量
⼀: ⾸先你得数据
我的业务是动态给v-model赋值 但是你得更改所以做不到⼀对⼀这时候你就得动态创建变量
⾸先你得知道你的数据结构是什么样的,然后你根据你数据的结构⽤数组动态创建变量
然后⽤你创建的空数组⼀⼀对应v-model赋值
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 : [];
coyohtml:
<div class="module">
<div class="question-group" v-for="(item,index) in particulars.itemList" :key="index">ma>梦想高中
<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.clauContent}}</p>
smiley face>lonly<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">
课外辅导学校<!-- 时间选择(带标题) -->
lin
<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>
希望能帮到你们

本文发布于:2023-07-27 10:22:04,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/90/190231.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:数组   时间   变量   结构   动态创建   选择
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图