vue中要弹出模态窗口,这个遮罩层和模态窗口该怎么写单文件组件?

传统开发中都是在一个html的最底部写一个display为none的模态窗口和遮罩层,然后用jquery操作。

但是现在改用vue单文件组件开发,不知道这个模态窗口和遮罩层该放在那?并且如何控制他们的显示和隐藏?

好像一个template里面不能同时放几个div,那么我怎么做到组件文件互相独立不耦合,又能写带遮罩层的模态窗口呢?

阅读 6.7k
1 个回答

你可以写一个.vue文件,router-view 加上v-show,默认false,然后给呼出popup的按钮 添加事件让v-show变成true

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题