ViewUi动态创建文本框

最新推荐文章于 2024-08-02 23:42:04 发布

开启脑洞

最新推荐文章于 2024-08-02 23:42:04 发布

阅读量152

点赞数

分类专栏：前端学习笔记前端开发所遇到的问题文章标签： vue.js

本文链接：https://blog.csdn.net/qq_45767896/article/details/127505162

版权

前端学习笔记同时被 2 个专栏收录

14 篇文章 1 订阅

订阅专栏

前端开发所遇到的问题

9 篇文章 0 订阅

订阅专栏

使用场景：在需要修改时，对输入框通过获取后端传入的数据进行动态创建和相应数据的的返显来。

具体操作：是通过v-for标签来实现

<div>
//通过v-for标签获取列表中的内容，来循环创建，taskSubsidyInfoList是一个与后端数据绑定的结构体数组
      <FormItem :label="taskSubsidyInfoList[index].vipName +':'" v-for="(item,index) in taskSubsidyInfoList" :key="index">
//通过v-model双向绑定来实现数据的反显
          <Input v-model="taskSubsidyInfoList[index].subsidyAmount"  :key="index" placeholder="任务奖金" style="width: 200px" />
       </FormItem>
     </div>