vue组件使用v-model
2021-11-30 本文已影响0人
花影_62b4
父组件
<auto-audit-modal v-model="modalShow"/>
子组件
<template>
<a-modal
title="上报数据自动审核设置"
:width="641"
destroyOnClose
:maskClosable="false"
:visible="value"
@cancel="handleCancel"
okText="保存"
:confirm-loading="confirmLoading"
@ok="handleOk"
>
</a-modal>
</template>
<script>
export default {
name:'auto-audit-modal',
props:{
value:{
type:Boolean,
default:false
}
},
data(){
return{
confirmLoading:false,
}
},
methods:{
handleOk(){},
handleCancel(){
this.$emit('input',false)
},
}
}
</script>
<style lang="scss" scoped>
</style>