zoukankan      html  css  js  c++  java
  • v-for与iview模态框的冲突

    最近发现一个页面使用v-for然后再配合iview里面的Modal模态框后页面不显示的问题,代码示例如下:

    <div>
        <div v-for="item in 10"></div>
        <Modal c-model="showBool"></Modal>
    </div>
    

      这样来写的话页面是没问题的,可以正常显示。

    <div>
        <div v-for="item in list"></div>
        <Modal c-model="showBool"></Modal>
    </div>
    
    list = [{a:1},{:b:1}]
    

      这种方式的话页面就不显示,v-for就不会执行,数据类型,都是正常的,但是页面就是无法显示,v-for不执行。

    后来发现,把v-for所在的div外面再包裹一层div就不会出问题了:

    <div>
        <div>
            <div v-for="item in list"></div>
        </div>
        <Modal c-model="showBool"></Modal>
    </div>
    
    list = [{a:1},{:b:1}]
    

      具体为什么,暂时还不知道,望知道的大神告知下

  • 相关阅读:
    flex
    导航守卫 -vue
    H5 History
    JSX -react
    插槽slot -vue
    js 模拟鼠标绘制方块
    js 模拟滚动条
    js 实现简易留言板功能
    js 实现端口列表话
    js 为数组编写该方法;indexOf
  • 原文地址:https://www.cnblogs.com/sixrookie/p/11023069.html
Copyright © 2011-2022 走看看