vue|vue+element项目动态添加删除数据div

vue+element项目动态添加删除数据div 效果如下: 1、初始状态 【vue|vue+element项目动态添加删除数据div】vue|vue+element项目动态添加删除数据div
文章图片

2、点击添加两条数据 vue|vue+element项目动态添加删除数据div
文章图片

3、删除第一条数据 vue|vue+element项目动态添加删除数据div
文章图片

代码如下:

任务内容:
添加
任务{{index+1}}:
获得DC的比例:
    % 删除

export default { data(){ return{ items : [], } }, methods: { addTest(){ this.items.push({ task_cate: '', finish_cate: '', finish_value: '', dc_rate:'' }) }, deleteTest(index){ this.items.splice(index, 1) }, }, }

    推荐阅读