Vue动态添加项添加input输入框，实现同时实现两次动态添加

为了实现这一需求，啊啊啊啊啊~简直要疯了；设计数据类型，读取数据，添加数据....一系列问题。记录开发不易啊，各种细节处理，调试。

1.点击选中复选框，下面出现复选框选中项

2.不选中复选框时，不出现

3.同时输入框也是可以动态添加的

4.也可以指定项删除

具体实现效果图如下:

1.搭建Vue环境

2.引入elementUI依赖，这里是全局引入的

3.路由router，本项目引入了，看个人需要引入

行为方法：

数据格式：

答

v-for是vue.js中的指令，用于遍历数组或对象中的数据，动态添加dom。使用v-for指令时，需要提供一个数组或对象，它会根据提供的数据来渲染相应的dom结构。v-for指令的语法是：v-for="(item,index) in items"，其中items是要遍历的数组或对象，item是当前遍历到的元素，index是当前遍历到的元素的索引。使用v-for指令可以快速的渲染出dom结构，而不用写大量的dom结构代码。

1.筛选的条件不固定（筛选的高度不固定），数据不多的情况下所加起来的高度不超过页面显示的高度，正常显示；

2.如果数据超多，数据显示的高度加起来超过了当前页面的高度，table出现滚动条，页面不出现滚动条，分页组件依然可以显示

搜索条件

js中封装好的table的高度

将table的高度js文件单独引入页面，或者挂载到全局方法

table中高度的使用

---