SOURCE

var Main = {

    setup() {

        function buttonClick() {
            // options.slots.default = ({ $modal }) => {
            //     return [h(resolveComponent("vxe-form"), options.formConfig)];
            // };
            VXETable.modal.open({});
        }
        const options = reactive({
            slots: {},
            formConfig: {
                data: {
                    field: "",
                    field2: "",
                },
                items: [
                    {
                        field: "field",
                        title: "异常",
                        itemRender: {
                            name: "testInput",
                        },
                    },
                    {
                        field: "field2",
                        title: "正常渲染",
                        itemRender: {
                            name: "$input",
                        },
                    },
                ],
            },
        });
        return { options, buttonClick }

    }
};

// VXETable.renderer.add("testInput", {
//   renderItemContent(renderOpts, params) {
//     return [h("vxe-input")];
//   }
// });

Vue.createApp(Main).use(VXETable).mount('#app')

<script src="https://cdn.jsdelivr.net/npm/vue@next"></script>
<script src="https://cdn.jsdelivr.net/npm/xe-utils"></script>
<script src="https://cdn.jsdelivr.net/npm/vxe-table@next"></script>
<!-- 使用 cdn 引用方式需要注意是否锁定版本，默认指向最新版本 -->

<div id="app">
    <div>
      <p>Grid 演示</p>
      <!-- <vxe-grid v-bind="gridOptions"></vxe-grid> -->
      <vxe-button @click="buttonClick" >点我</vxe-button>
    </div>
</div>

@import url("https://cdn.jsdelivr.net/npm/vxe-table@next/lib/style.css");