在vue3中如何替换 vuera ReactInVue

[huangkaiyan10]

<script> import amis from '@/components/Amis/index.vue' import { ReactInVue } from 'vuera' import { ToastComponent, AlertComponent } from 'amis' const schema = { type: 'page', body: [ { type: 'tpl', tpl: '

amis-admin-vue

', inline: true, id: 'u:58df14c0897a', affixFooter: false, style: {} }, { type: 'tpl', tpl: '

基于amis 渲染器，快速搭建自己的管理系统。 这是基于官方应用模板amis-admin的vue实现版本。 支持最新版本的amis

', inline: true, id: 'u:bbf4edb06976', affixFooter: false, style: {} }, { type: 'panel', title: '', body: [ { type: 'tpl', tpl: '', inline: false, affixFooter: false, style: {} }, { type: 'form', title: '用户登录', body: [ { label: '用户名', type: 'input-text', name: 'username', value: 'admin' }, { type: 'input-password', label: '密码', name: 'password', id: 'u:245934d882c8', value: '123456' } ], id: 'u:0b62dd7f9117', submitText: '登录', mode: 'horizontal', api: { method: 'post', url: 'amis/api/mock2/form/saveForm?waitSeconds=2' }, debug: false } ], id: 'u:3cf819f72e28', affixFooter: false, inline: false, subFormMode: '', className: 'Panel--primary', enlargeAble: false, headerClassName: 'b-b m-none p-none' } ] } export default { name: 'Login', components: { amis, Toast: ReactInVue(ToastComponent), Alert: ReactInVue(AlertComponent) }, data() { return { schema: schema } }, computed: {}, mounted() {}, beforeCreate() {}, //生命周期 - 创建之前 beforeMount() {}, //生命周期 - 挂载之前 beforeUpdate() {}, //生命周期 - 更新之前 updated() {}, //生命周期 - 更新之后 beforeDestroy() {}, //生命周期 - 销毁之前 destroyed() {}, //生命周期 - 销毁完成 activated() {}, methods: {} //如果页面有keep-alive缓存功能，这个函数会触发 } </script> <style scoped></style>

[huangkaiyan10]

vue3 不支持vuera，如何在vue3项目替换 vuera ReactInVue

[h7ml]

vue3 不支持vuera，如何在vue3项目替换 vuera ReactInVue

你可以切换到vue3 分支。这里主要用到的核心库是 veaury