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&nbsp;v-for="(item,index)&nbsp;in&nbsp;arr"&nbsp;:id="`dev${index}`"&nbsp;class="resize-drag"&nbsp;@click="objclick"></div>