SOURCE

console 命令行工具 X clear

                    
>
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">
<!-- 引入vue -->
<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");