vue中的可编辑div实现高度自适应

根据需求想要一个可以根据文字内容撑开高度,同时延伸背景图(因为我想要一个虚线的效果),textarea无法自适应,用div的可编辑效果contenteditable = true来实现,遇到了几个问题。

1、设置div的初始化高度min-height: 700px;

2、div的内容需要通过@input来绑定e.target.textContent

3、可编辑的div,光标会在输入完成时跳到最前,解决方式是通过range对象的moveStart()函数


vue中的可编辑div实现高度自适应_第1张图片
input函数

你可能感兴趣的:(vue中的可编辑div实现高度自适应)