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

file

最佳答案

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

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

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

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

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

4个月前

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

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

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

vm.$on('update:show', (value) => {
  vm.show = value
})
4个月前
linlin

@Ryun 哇 原来我监听那里把事件名字敲错了~

4个月前

  • 请注意单词拼写,以及中英文排版,参考此页
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
  • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
  • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
  • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
  请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!