Skip to content

tshemeng/vue-amis-sdk

Repository files navigation

vue-amis-sdk

about

  • This project is based on vuera and mainly focuses on the encapsulation of amis-editor
  • You can edit at this. The proxy mode is enabled. You can copy the JSON of amis. It supports direct rendering

language last stars amis amis-editor

npm ommit-activity package Npm Version Node Version
Install Size Type Support
Outdated Dep Vulnerablities License

Installation

yarn add vue-amis-sdk @fortawesome/fontawesome-free --save

Quick Start

<template>
  <div id='app'>
    <vue-amis-sdk
      id='editorName'
      theme='cxd'
      className='is-fixed'
      :preview='isPreview'
      :isMobile='isMobile'
      @onChange='onChange'
      :value='schema'
    />
  </div>
</template>
<script>
import "amis-ui/lib/themes/cxd.css";
import "amis-ui/lib/themes/ang.css";
import "amis-editor/dist/style.css";
export default {
  name: 'App',
  data() {
    return {
      isPreview: false,
      isMobile: false,
      schema: {}
    }
  },
  methods: {
    onChange(e) {
      console.log(e)
    }
  }
}
</script>

version

vue-amis-sdk amis amis-editor
amis-editor amis amis-editor
amis-editor amis amis-editor
amis-editor amis amis-editor
amis-editor amis amis-editor
amis-editor amis amis-editor
amis-editor amis amis-editor

repo

About

基于amis-editor封装的vue版本,支持vue2,vue3

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages