vue中使用可编辑div(contenteditable属性)详细教程

1.contenteditable了解属性

contentEditable:html标签的一个属性。设置标签的contentEditable="true"时,即可开启该元素的编辑模式。

2.使用场景:

需要向父元素里面添加自定义标签时

3.demo代码(全部代码):结合实际场景进行代码修改


 

 

4.运行结果 

        初始页面

vue中使用可编辑div(contenteditable属性)详细教程_第1张图片

         操作后的实际页面(一部分)

 

vue中使用可编辑div(contenteditable属性)详细教程_第2张图片

 

你可能感兴趣的:(css3,javascript,html5,vue.js)