传统开发中都是在一个html的最底部写一个display为none的模态窗口和遮罩层,然后用jquery操作。
但是现在改用vue单文件组件开发,不知道这个模态窗口和遮罩层该放在那?并且如何控制他们的显示和隐藏?
好像一个template里面不能同时放几个div,那么我怎么做到组件文件互相独立不耦合,又能写带遮罩层的模态窗口呢?
传统开发中都是在一个html的最底部写一个display为none的模态窗口和遮罩层,然后用jquery操作。
但是现在改用vue单文件组件开发,不知道这个模态窗口和遮罩层该放在那?并且如何控制他们的显示和隐藏?
好像一个template里面不能同时放几个div,那么我怎么做到组件文件互相独立不耦合,又能写带遮罩层的模态窗口呢?
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
2 回答4.7k 阅读✓ 已解决
4 回答4.3k 阅读✓ 已解决
你可以写一个.vue文件,router-view 加上v-show,默认false,然后给呼出popup的按钮 添加事件让v-show变成true