当前位置: 首页 > Web前端 > vue.js

在vue+element同一页面使用多个富文本插件vue-quill-editor

时间:2023-04-01 01:35:24 vue.js

.layui-form1{border:2pxsolid#ccc;padding-left:44px;padding-right:44px;padding-top:20px;padding-bottom:30px;margin-bottom:40px;}/deep/{.ql-editor{height:100px;}}h4{font-size:16px;color:#333333;底部边距:20px;font-weight:normal;}.btns{margin-top:20px;float:none;}今天是2020年2月1日,受疫情影响,今天是延迟上班的第二天。趁着这段空闲时间研究一下Checkvue+element。安装的同学写的,我觉得还不错。这是我整个页面的代码,.layui-form1{border:2pxsolid#ccc;padding-left:44px;padding-right:44px;padding-top:20px;padding-bottom:30px;margin-bottom:40px;}/deep/{.ql-editor{height:100px;}}h4{font-size:16px;color:#333333;底部边距:20px;font-weight:normal;}.btns{margin-top:20px;float:none;}页面这么长的主要原因是quill-editor的v-model设置不同,而富文本对应的内容可以通过这个["content"+id].以上是我在一个页面中使用多个vue-quill-editor总结出来的内容。我也是刚刚学习vue+element,或多或少会有疏忽,欢迎朋友们指出问题,谢谢。再苦的日子,咬咬牙,都会过去的。武汉加油,中国加油!