console
var Main = {
setup() {
function test() {
options.slots.default = ({ $modal }) => {
return [h(resolveComponent("vxe-form"), options.formConfig)];
};
modal.open(options);
}
const options = reactive({
slots: {},
formConfig: {
data: {
field: "",
field2: "",
},
items: [
{
field: "field",
title: "异常",
itemRender: {
name: "testInput",
},
},
{
field: "field2",
title: "正常渲染",
itemRender: {
name: "$input",
},
},
],
},
});
function abc() { }
return {
test,
options,
abc,
};
}
}
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>
<div id="app">
<div>
<vxe-button @click="test"> test </vxe-button>
</div>
</div>
@import url("https://cdn.jsdelivr.net/npm/vxe-table@next/lib/style.css");