在vue-cli工程中,已经创建好了组件,如何实现动态添加挂载

import RoomNeed from './RoomNeed.vue',

创建了一个RoomNeed的组件,想实现点击绿色加号按钮,动态添加RoomNeed 组件到指定的div元素中
图片描述

图片描述

然后加号按钮的组件一直存在,点击n次则添加n次组件,不清空原来的组件内容,
点击减号按钮,则删除对应的组件。

考虑过通过数组实现,但是组件好像不能push进数组,render函数渲染的时候,无法渲染。
折腾一中午了,求大神助攻

阅读 3.8k
2 个回答

vue的核心思想是通过数据来决定view层的展示

data() {
    return {
     myData: [1,2,3,4]
    }
}

<RoomNeed v-for="item in myData" />

//添加

this.myData.push(1)

// 删除

this.myData.splice(this.myData.length-1)

你可以看下vue v-is指令的使用说明

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题