admin管理员组

文章数量:1026989

1.refresh+list出现滑动冲突，检查是不是都用了 overflow: scroll，给refresh去掉，单独list使用即可

2.加载列表项目渲染失效，发现同时使用了scss和style

<style lang="scss" scoped>
.template {
  width: 100%;
  height: 100%;
  background-color: #fafafa;
  &-refresh {
    width: 100%;
    height: 100%;

    &-list {
      width: 100%;
      height: 100%;
      overflow: scroll;
    }
  }
}
</style>

       <div
          style="
            background-color: white;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 15px;
            padding-bottom: 15px;
            border-radius: 8px;
            margin: 20px;
          "
          v-for="(item, index) in tempList"
          :key="index"
          @click="onItemClick(item)"
        >

后面去掉在scss声明，都统一在vue里面声明style之后就不会了。

1.refresh+list出现滑动冲突，检查是不是都用了 overflow: scroll，给refresh去掉，单独list使用即可

2.加载列表项目渲染失效，发现同时使用了scss和style

<style lang="scss" scoped>
.template {
  width: 100%;
  height: 100%;
  background-color: #fafafa;
  &-refresh {
    width: 100%;
    height: 100%;

    &-list {
      width: 100%;
      height: 100%;
      overflow: scroll;
    }
  }
}
</style>

       <div
          style="
            background-color: white;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 15px;
            padding-bottom: 15px;
            border-radius: 8px;
            margin: 20px;
          "
          v-for="(item, index) in tempList"
          :key="index"
          @click="onItemClick(item)"
        >

后面去掉在scss声明，都统一在vue里面声明style之后就不会了。

本文标签： 列表Vue

版权声明：本文标题：vue列表渲染没有生效 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/jiaocheng/1726435594a623926.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。