Блог

Я создаю простое приложение для чата с помощью vuejs. Ему удалось получить данные и отобразить их на экране, как в чате, но при первом отображении я хочу показать самые последние, то есть li внизу.

Как я должен это реализовать??

В начальной визуализации отображается начало массива, т. е. верхняя часть верхнего прокрутки.

 lt;templategt;  lt;div class="hello"gt;  lt;ul class="comment_ul"gt;  lt;li  v-for="(item, index) in comment"  :key="index"  :class="item.mytxt === 'mytxt' : 'yourtxt'"  gt;  lt;divgt;{{ item.document }}lt;/divgt;  lt;/ligt;  lt;/ulgt;  lt;/divgt; lt;/templategt;  

 lt;style scoped lang="scss"gt; .comment_ul {  overflow-y: auto;  max-height: 700px;   amp; .mytxt {  max-width: 60%;  float: right;  }  amp; .yourtxt {  max-width: 60%;  float: left;  } } lt;/stylegt;