美文网首页
vue组件弹窗点击的显示隐藏

vue组件弹窗点击的显示隐藏

作者: 混世魔王的小公举 | 来源:发表于2019-10-25 11:22 被阅读0次

    功能需求:点击弹窗的“X”关闭弹窗

    说明:因为弹窗的界面的内容比较复杂,所以我的弹窗是自己写的,是引用的外部组件,所以要实现两个组件之间的传值

    1、引入弹窗组件并在组件中定义

    引入组件 组件定义

    2、在htm结构里面写入

    注:strategyModel:主页面控制弹窗的显示

    3、在methods里面定义一个方法

    4、在弹窗界面定义一个点击事件

    5、通过$emit引用组件传过来的hidden()事件

    借鉴:https://blog.csdn.net/cdx1170776994/article/details/78926079

    相关文章

      网友评论

          本文标题:vue组件弹窗点击的显示隐藏

          本文链接:https://www.haomeiwen.com/subject/xqksvctx.html