富文本框

本文使用的是第三方富文本组件 vue2-editor

效果

vue2-editor

安装

Node

npm install vue2-editor

浏览器

<script src="https://unpkg.com/quill/dist/quill.min.js"></script>
<script src="https://unpkg.com/vue2-editor/dist/vue2-editor.umd.js"></script>

导入

Node

import { VueEditor } from "vue2-editor";

浏览器

var VueEditor = window.Vue2Editor.VueEditor;

挂载

Vue.use(VueEditor);
//或者
Vue.component('vue-editor', VueEditor);
//或者
formCreate.component('vue-editor', VueEditor);

生成

$f = formCreate.create([
    {
        type:'vue-editor',
        title:'商品详情',
        field:'editor',
        value:'<h1>form-create</h1>'
    }
])