将消息提示 Message 封装成了插件,但是弹出的消息提示,怎么 close 掉呢?

问答 linlin ⋅ 于 2个月前 ⋅ 最后回复由 linlin 2个月前 ⋅ 5846 阅读

file

本文章首发在 Vuejs 知识社区
最佳答案
  • Message 组件的关闭按钮上,已经添加了点击事件监听,用来关闭消息提示:

    close() {
      this.$emit('update:show', false)
    }

    $emit 触发的事件可以用 $on 来监听,在插件中,我们通过添加 update:show 监听, 就可以打开或关闭消息提示:

    vm.$on('update:show', (value) => {
      vm.show = value
    })
    2个月前
回复数量: 4
  • 2个月前
  • mounted() {
        const closeBtn = document.querySelector('.alert span')
        const handle = () => {
            this.$message.hide()
        }
        closeBtn.addEventListener('click', handle, false)
     }

    我在后面自己这么写了个这个 可是 感觉不是很好~ :sob:

    2个月前
  • Message 组件的关闭按钮上,已经添加了点击事件监听,用来关闭消息提示:

    close() {
      this.$emit('update:show', false)
    }

    $emit 触发的事件可以用 $on 来监听,在插件中,我们通过添加 update:show 监听, 就可以打开或关闭消息提示:

    vm.$on('update:show', (value) => {
      vm.show = value
    })
    2个月前
  • @Ryun 哇 原来我监听那里把事件名字敲错了~

    2个月前
您需要登陆以后才能留下评论!

Vue.js 官方中文文档

前端开发环境部署