vue中如何点击按钮动态添加多个div，并给这些div附加上双击事件或者鼠标右击事件

Question

问题出现的环境背景及自己尝试过哪些方法下面是我自己用js生成的div.请问下用vue的方法如何用相关代码<div class="resize-container" ref="resize" id="resize" v-html="items"></div>addDiv(){    this.floorNumber ++;    var div = document.createElement("div");     div.id ="div"+this.floorNumber;     div.setAttribute("class", "resize-drag");     div.style.cssText="width:80px;height:50px;border:1px solid #000;";            // this.$refs.resize.appendChild(div);             // div.ondblclick = this.objclick();},你期待的结果是什么？实际看到的错误信息又是什么？希望可以添加div，并附加事件，用v-html后事件不可以触发

Answer 1

楼上的说的对的 我已经试过了 点击事件就加在你得按钮上就可以啦

Answer 2

用v-for循环，点击按钮的时候，往数组里面添加一个元素

<div v-for="(item,index) in arr" :id="`dev${index}`" class="resize-drag" @click="objclick"></div>