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>
上一篇 下一篇

猜你喜欢

热点阅读