2017-01-21 18:10发布
传统开发中都是在一个html的最底部写一个display为none的模态窗口和遮罩层，然后用jquery操作。
但是现在改用vue单文件组件开发，不知道这个模态窗口和遮罩层该放在那？并且如何控制他们的显示和隐藏？
好像一个template里面不能同时放几个div，那么我怎么做到组件文件互相独立不耦合，又能写带遮罩层的模态窗口呢？
你可以写一个.vue文件，router-view 加上v-show，默认false，然后给呼出popup的按钮 添加事件让v-show变成true
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://wenda.whatsns.com/data/attach/logo/logo.png', '推荐 阿卜嘟拉 的问题《vue中要弹出模态窗口，这个遮罩层和模态窗口该怎么写单文件组件？》','https://wenda.whatsns.com/q-310786.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
付费偷看金额在0.1-10元之间
你可以写一个.vue文件，router-view 加上v-show，默认false，然后给呼出popup的按钮 添加事件让v-show变成true
一周热门 更多>