aux-vue-amis-editor

Installation

yarn add aux-vue-amis-editor --save

Quick Start

Serve.vue

import AuxVueAmisEditor from 'aux-vue-amis-editor'
export default Vue.extend({
  name: 'ServeDev',
  components: {
    AuxVueAmisEditor,
  },
  data() {
    return {
      preview: true,
      schema: {
        type: 'tasks',
        name: 'tasks',
        items: [
          {
            label: 'hive 任务',
            key: 'hive',
            status: 4,
            remark: '查看详情<a target="_blank" href="http://www.baidu.com">日志</a>。',
          },
          {
            label: '小流量',
            key: 'partial',
            status: 4,
          },
          {
            label: '全量',
            key: 'full',
            status: 4,
          },
        ],
        id: 'u:5f649ab86d6a',
      },
    }
  },
})
</script>
<template>
  <div id="app">
    <aux-vue-amis-editor :schema="schema" :is-preview="true" ref="amisEditor" :is-tools="true" :is-phone="false" :is-design-mode="true" />
  </div>
</template>