console
var Main = {
data() {
return {
tableData: [],
options: {
titleWidth: 100,
data: { company: "test_111" },
items: [
{
field: "company",
title: "111",
itemRender: { name: "VxeInput" },
}
]
},
zz_click: () => {
this.options.items[0].itemRender.name="VxeCheckbox"
}
}
},
mounted() {
}
};
Vue.createApp(Main).use(VXETable).mount('#app')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-table@v4-legacy/lib/style.css">
<script src="https://cdn.jsdelivr.net/npm/vue">
</script>
<script src="https://cdn.jsdelivr.net/npm/xe-utils">
</script>
<script src="https://cdn.jsdelivr.net/npm/vxe-table@v4.6.17">
</script>
<div id="app">
<div>
<div>
<vxe-form v-bind="options" />
</div>
<vxe-button content="按钮2" @click="zz_click"></vxe-button>
</div>
</div>
@import url("https://api.vxetable.cn/demo/api/npm/cdm/vxe-table/lib/style.css");