vue3.0 + vite + ts + antd model二次封装

1.对ant design vue model的二次封装

父组件:


         这里是对话框内容部门


子组件:



2.监听visible(props传值)

父组件:

         这里是对话框内容部门


子组件:
props:{
            visible:{
                type:Boolean,
                default:false
            }
        },
setup(props,{emit}) {
      /** 监听visible的变化并赋值给data.visible **/
            const visible = reactive({visible:false})
            watch( ()=> props.visible,(newS,oldS)=>{
                visible.visible=newS
            });
        return {
                ...toRefs(visible)
            };
})

你可能感兴趣的:(vue3.0 + vite + ts + antd model二次封装)