vue element动态添加删除数据div

cc蒲公英

已于 2024-04-07 11:24:14 修改

阅读量955

点赞数 4

分类专栏： element 文章标签： vue.js 前端 javascript

于 2024-04-07 11:19:07 首次发布

本文链接：https://blog.csdn.net/cddcj/article/details/137457331

版权

element 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

Vue 动态添加 div|极客教程

Vue 点击后添加元素方法_vue追加新元素-CSDN博客

vue+element项目动态添加删除数据div_elementui动态添加div-CSDN博客

附:

<template>
  <div>
    <el-button @click="addDiv">添加Div</el-button>
    <div v-for="(item, index) in divs" :key="index">
      {{ item }}
    </div>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      divs: ['A', 'B', 'C'],
    };
  },
  methods: {
    addDiv() {
      this.divs.push(`D${this.divs.length + 4}`); // 追加Div，这里是一个示例，可以根据需要更改
    },
  },
};
</script>