描述问题:
使用formItem注册组件,item的label渲染出了组件部分内容
截图或视频:
之前看到有人提供类似的问题,这可能是vue才能出现?
下面链接可在线访问
https://codesandbox.io/s/vue3-vite-forked-wqvq78?file=/App.vue
- 你是如何使用 amis 的?
sdk
- amis 版本是什么?请先在最新 beta 版本测试问题是否存在
3.3.0 - 粘贴有问题的完整
amis schema
代码:
<template>
<div>
<div id="box"></div>
</div>
</template>
<script setup>
import { reactive, toRefs, createApp, onMounted } from 'vue';
let amisLib = window.amisRequire('amis');
//注册自定义组件,请参考后续对工作原理的介绍
amisLib.FormItem({
test: /(^|\/)quill-editor/
})(() => {
return 222;
});
const amisjson = {
title: '富文本编辑器',
body: [
{
type: 'form',
body: [
{
label: 'Name',
type: 'quill-editor', // 注意这个的 type 对应之前注册的 test
name: 'custom'
},
{
label: 'input-label',
type: 'input-text', // 注意这个的 type 对应之前注册的 test
name: 'input'
}
]
}
]
};
onMounted(() => {
var amis = window.amisRequire('amis/embed');
amis.embed('#box', amisjson);
});
</script>
- 操作步骤
请简单描述一下复现的操作步骤...
3条答案
按热度按时间pbgvytdp1#
👍 Thanks for this!
🏷 I have applied any labels matching special text in your issue.
Please review the labels and make any necessary changes.
ua4mk5z42#
遇到类似的问题是label渲染不出来。反而会渲染出两个。用的vue3,sdk最新beta版本。
hc2pp10m3#
所以应该咋解决呢?