amis 【formItem注册sdk】组件label渲染bug,(有在线demo)

vd2z7a6w  于 2个月前  发布在  其他
关注(0)|答案(3)|浏览(47)
描述问题:

使用formItem注册组件,item的label渲染出了组件部分内容

截图或视频:

之前看到有人提供类似的问题,这可能是vue才能出现?

下面链接可在线访问
https://codesandbox.io/s/vue3-vite-forked-wqvq78?file=/App.vue

  1. 你是如何使用 amis 的?
    sdk
  2. amis 版本是什么?请先在最新 beta 版本测试问题是否存在
    3.3.0
  3. 粘贴有问题的完整 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>
  1. 操作步骤
    请简单描述一下复现的操作步骤...
pbgvytdp

pbgvytdp1#

👍 Thanks for this!
🏷 I have applied any labels matching special text in your issue.

Please review the labels and make any necessary changes.

ua4mk5z4

ua4mk5z42#

遇到类似的问题是label渲染不出来。反而会渲染出两个。用的vue3,sdk最新beta版本。

hc2pp10m

hc2pp10m3#

所以应该咋解决呢?

相关问题