封装el-drawer时遇到的问题,及解决方案

方法1:


父组件


isDrawer: false,

 success() {
     this.isDrawer = true
 },

子组件
        
        我来啦!
        

 props:{
        isDrawer: {
            type: Boolean,
        }
    },
    data() {
        return {
            isShow:false
        }
    },
    methods: {
        upIsShow() {
            this.$emit('update:isDrawer',false)//修改isDrawer的值
        }
    },
    watch: {
        isDrawer:{  //vue是单项数据流,不推荐在子组件中修改父组件传过来的数据,因此监听父组件传                    
                     递过来的参数,动态给drawer赋值
            handler(newValue){
                this.isShow = newValue
            }
            
        }
    }

方法2:

父组件

子组件