<template> <quill-editor v-model="richTextContent" ref="myQuillEditor" :options="editorOption" @change="onEditorChange($event)"> </quill-editor> </template> <script> import { quillEditor } from "vue-quill-editor"; import 'quill/dist/quill.core.css'; import 'quill/dist/quill.snow.css'; import 'quill/dist/quill.bubble.css'; export default{ data() { return {} }, methods: { onEditorChange(e) {} } } </script>
响应事件
onEditorChange(e){ console.log(e) this.richTextContent = e.html; },
8.移动端图片预览插件
vue-picture-preview
<img :src="url" v-preview="url" preview-nav-enable="false" />
需要在app.vue中加入如下代码
<lg-preview></lg-preview>
效果图
代码挺少的
9.总结
在以后的项目中，首先的一件事就是要对产品要有完成的了解，然后进行技术、框架的选型
对于插件，自己多尝试才能知道是否符合你的要求