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