自己造messagebox轮子

父组件中：

import floatBox from '../messageBox'

            data里加参数alertBox: '0',

                method中

 

changeAlertBox() {

      if (this.alertBox === '0') {

        this.alertBox = '1'

        this.$refs.floatBox.changeAlertBox()

      } else {

        this.alertBox = '0'

        this.$refs.floatBox.changeAlertBox()

      }

      console.log('父组件中的', this.alertBox)

    },

    changeFatherBox() {

      if (this.alertBox === '0') {

        this.alertBox = '1'

      } else {

        this.alertBox = '0'

      }

    }

 

 components: {
    floatBox
  }

                                        

 

import floatBox from '../messageBox'

子组件中：