Vue父组件中调子组件样式没有反应的解决方法

今天用父组件调用写了很久的子组件发现无法修改样式
Vue父组件中调子组件样式没有反应的解决方法
detail打算用弹窗的模型显示, 于是像这样设置样式

 <detail   :id="house_selected">
     </detail>
     
detail{
    z-index: 2 ;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0px;
    background-color: white;
  }

发现并没有什么鸟用

拿个盒子包装起来试试?

 <div id="detail" v-show="showdetail">
    <detail   :id="house_selected">
     </detail>
    </div>
  #detail{
    z-index: 2 ;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0px;
    background-color: white;
  }

居然就可以了!
可能是vue某种bug, 抑或是我把vue玩坏了??

上一篇:vue学习之----子路由返回传参


下一篇:数组json数据重组