search

dext7r / vue-amis-sdk

基于amis-editor封装的vue版本，支持vue2，vue3
https://github.com/h7ml/vue-amis-sdk-examples
Apache License 2.0
34 stars 4 forks source link

vue3 使用报错 #33

Open iiixxxiii opened 2 years ago

iiixxxiii commented 2 years ago

vue 版本 3.2.37 image 界面空白

<!-- eslint-disable -->
<template>
    <div class="editor-amis">
        <VueAmisSdk id="editorName" :key="setting.updateKey" ref="amisEditSdk" :is-mobile="setting.isMobile" :is-preview="setting.isPreview" theme="cxd" :value="setting.schema" @onChange="onChange" />
    </div>
</template>

<script lang="ts">
import VueAmisSdk from 'vue-amis-sdk'
export default {
    name: 'Editor',
    components: { VueAmisSdk },
    data() {
        return {
            setting: {
                isPreview: false,
                isMobile: false,
                schema: {},
                updateKey: new Date().valueOf()
            }
        }
    },
    methods: {
        onChange(e) {
            console.log(e)
        }
    }
}
</script>
<style scoped>
.editor-amis {}

.editor-amis>.editor-header {
    height: 40px;
}
</style>
h7ml commented 2 years ago

https://github.com/h7ml/vue-amis-sdk/blob/a391f694d659ffc4d0eea742636fc3efce4014ff/demo/components/amis/index.vue#L1-L111

参考下这里。 具体原理是使用veaury

iiixxxiii commented 2 years ago

感谢,amis 页面展示组件可以了 , 编辑器 Editor 组件怎么使用?

h7ml commented 2 years ago

感谢,amis 页面展示组件可以了 , 编辑器 Editor 组件怎么使用?

近期工作比较忙，我争取10.1前完善vue3的Editor

iiixxxiii commented 2 years ago

感谢,amis 页面展示组件可以了 , 编辑器 Editor 组件怎么使用?

近期工作比较忙，我争取10.1前完善vue3的Editor

非常感谢

kiananekocharm commented 1 year ago

vue3没法直接使用插件是么

twoer commented 1 year ago

已经 11月了，还更新吗？_

h7ml commented 1 year ago

预计三月份适配完毕。 https://github.com/h7ml/pnpmTurbo/tree/main/packages/vue-amis-sdk-next

WangHao1221 commented 1 year ago

import VueAmisSdk from 'vue-amis-sdk'

老铁，vue3+webpack5的现在可以了吗？我引用后页面报错了

weikoiDYD commented 11 months ago

大佬 vue3+amis-editor可以使用了吗？

clyao commented 2 months ago

大佬 vue3+amis-editor可以使用了吗？

有知道怎么使用吗

clyao commented 2 months ago

预计三月份适配完毕。 https://github.com/h7ml/pnpmTurbo/tree/main/packages/vue-amis-sdk-next

我现在能用了吗？vue3运行出现页面空白 image