在Vue项目中对数组进行动态添加或者删除对象和对象数组

添加核心代码如下:

          this.data.push({
            type: [{
              value: '选项1',
              label: 'in'
            },
              {
                value: '选项3',
                label: 'out'
              }],
            value:[{
              value: '选项1',
              label: 'CSV'
            },
              {
                value: '选项3',
                label: 'TSV'
              }],
            parameter:'',
            default:'',
            description:'',
            isDelete:false,
          });

 

删除核心代码如下:

       /*遍历数组,然后根据选中的状态获取对应的下标,然后进行删除*/
          for (let i = 0;i

 

全部代码如下:






 效果图如下:

在Vue项目中对数组进行动态添加或者删除对象和对象数组_第1张图片

 

 

 

更多技术请关注QQ群:636212586

在Vue项目中对数组进行动态添加或者删除对象和对象数组_第2张图片

在Vue项目中对数组进行动态添加或者删除对象和对象数组_第3张图片

 

你可能感兴趣的:(Web前端)