js/vue 实现@功能在一个div里边加标签和可以输入编辑

一：把一个div变成一个可以输入的标签 contenteditable=“true”

          <div class="add-comment-box">
				<div contenteditable="true" id="commentBox" class="noscrollbars">
				</div>
				<div class="my-follow" @click.stop.prevent="newFollow">
					@提醒谁关注
				</div>
			</div>

               for(let i = 0;i<event.detail.name.length;i++){
							 let commentBox = document.getElementById('commentBox');
							 let nodes = `<input  class="myinput" type='button' id='${event.detail.id[i]}' value='${'@' + event.detail.name[i]}'/>`+`&nbsp&nbsp`;
							 commentBox.innerHTML = commentBox.innerHTML + nodes;
						 }