uniapp nvue list标签不滚动的问题


这两天一直在跟uniapp打交道,今天发现nvue中的list死活都滚动不了,意外发现了一个小知识,在list标签外层必须得套一层盒子,然后list才会正常滚动,唉,造孽

<template>
  <view> <!-- 在list外层必须套一层盒子,list才会滚动 -->
    <list>
        <!-- 注意事项: 不能使用 index 作为 key 的唯一标识 -->
        <cell v-for="(item, index) in dataList" :key="item.id">
        <text>{{item.name}}</text>
        </cell>
    </list>
  </view>
</template>

<script>
  export default {
    data () {
      return {
        dataList: [{id: "1", name: 'A'}, {id: "2", name: 'B'}, {id: "3", name: 'C'}]
      }
    }
  }
</script>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM