Gemini_Kanon的博客

试了官网的例子，发现只有照片墙（设置list-type="picture-card"属性）能获取到file的url，其他的获取不到，但是需求还不想要那个上传的组件，后来发现新大陆。解决方法：使用如下方法重新创建一个url供img标签使用URL.createObjectURL(file.raw);...

突然要求加了个显示字段，之前的代码只能显示一行，于是乎找到了解决办法，代码如下：其中的属性自行到官网查看释义吧：Element UI官网传送门<el-table> <!-- 可展开的表格 --> <el-table-column type="expand"> <template slot-scope="props"> <el-steps :active="props.row.progressB

本贴会涉及到一下几个技术点:Vue+Element-UI实现富文本编辑框，以及文本编辑框中事件拦截、插入图片 Element-UI限制上传图片后，隐藏上传按钮 form表单验证首先安装一下插件vue-quill-editor，用cnpm也可以的npm install vue-quill-editor --save引用：import { quillEditor } from "vue-quill-editor";import "quill/dist/quill.core.css";