跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 如何让 v-for 额外渲染的数据往下显示? 目前这一段代码,当数据超过一屏后,点击 Show More,新的内容会把原来的内容往上撑,而不是往下
未分類
5 10 月 2020

如何让 v-for 额外渲染的数据往下显示? 目前这一段代码,当数据超过一屏后,点击 Show More,新的内容会把原来的内容往上撑,而不是往下

如何让 v-for 额外渲染的数据往下显示? 目前这一段代码,当数据超过一屏后,点击 Show More,新的内容会把原来的内容往上撑,而不是往下

資深大佬 : loveuloveme 1

<div id="ttt" style="padding-bottom:100px;border: 1px solid green">         <div v-for="(comment, index) in comments">             <div>                 <p v-text="comment"></p>             </div>          </div>         <button class="btn" @click="showMore">             Show More         </button>     </div>  <script>     new Vue({         el: '#ttt',         data: {             comments: ['tom', 'jack' ,'lily'],         },         methods: {             showMore() {                         this.comments = this.comments.concat(['mary', 'jessica'])                     }         },     });     </script> 

大佬有話說 (1)

  • 資深大佬 : IvanLi127

    插入前记下滚动条位置,插完后滚立马回来。 css 有一个属性能控制,overflow-anchor 。

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具