vue 弹框组件用命令实现

最新推荐文章于 2023-07-20 17:15:13 发布

原创最新推荐文章于 2023-07-20 17:15:13 发布 · 411 阅读

2 ·

CC 4.0 BY-SA版权

技术（javascript）专栏收录该内容

114 篇文章

订阅专栏

本文介绍了一个使用Vue.js实现的模态对话框组件，详细展示了如何通过自定义组件来显示提示信息，并提供了确定和取消按钮的交互逻辑。组件的注册、使用和具体实现细节均可在提供的有道云笔记链接中查看。

 this.$showModal({        
    show: true, 
    obj: {
      title: '温馨提示',
      dialog_msg: '测试测试测试测试',
      button_confirm: '确定',
      button_cancel: '取消',
    },
    onClick: (val) => {
      console.log(val)
      if (val) {
         console.log('确定')
      } else {
         console.log('取消')
      }
    }
 })

具体实现在我的有道云笔记（注意看实现逻辑即可）

组件文件：http://note.youdao.com/noteshare?id=4334a8a01f30f6738a803d4c58407316&sub=53FDE4D415CD4B74AC3C7EC026171C64

注册文件：http://note.youdao.com/noteshare?id=426855c1379802fb994cb38a0c637ac9&sub=64BB0EECBEE2400682DF237A420DEDEA

入口文件：http://note.youdao.com/noteshare?id=8bc7ac49a3edd407d72e56822f1a60e4&sub=8A4F6E0A99AA4947863C65B60E6A1209

使用文件：http://note.youdao.com/noteshare?id=1ca0f47b427b8f4a10204132932534f1&sub=71AFD77C448747E595809673908B4289