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

最新推荐文章于 2024-07-25 17:03:20 发布

dyzf

最新推荐文章于 2024-07-25 17:03:20 发布

阅读量6k

点赞数

文章标签： js vue @功能

本文链接：https://blog.csdn.net/weixin_42652176/article/details/90667298

版权

在这里插入图片描述
一：把一个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;
						 }