Two layers of nested dialog change the visible value will be changed twice, how to solve it?

problem description

my two-tier components are respectively
outermost parent components, which are responsible for whether the pop-up box of the child component layer is displayed

.
Mar.28,2021

use computational attributes to make the logic clearer

 props: {
  dialogVisible: {
    type: Boolean,
    default: false
  },
},
computed: {
  dialogVisibleProp: {
    get() {
      return this.dialogVisible
    },
    set(v) {
      this.$emit('update:dialogVisible', v);
    }
  }
}
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3bfbc-34689.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3bfbc-34689.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?