Как использовать listView в Vue.js

В моем проекте используется Vue.js, потому что необходимо показывать длинный список элементов, и чтобы улучшать результат, я хочу использовать такой инструмент как эта.

Сейчас я попробовал использовать этот plugin, который предлагает то, в чем я нуждаюсь. Моя проблема состоит в том, что мне не удалось заставить это функционировать, так как, развернув список, она пустая. У кого-то опыт есть в этом plugin или в Vue.js, который мог бы помогать мне?

Это мой код:

var ListView = require('./vue-list-view/lib/list-view');

var myListView = ListView.default({
    template: '
{{ item.foo }}{{ item.bar }}
' }) Vue.component('my-list-view', myListView) new Vue({ el: '#list', data: { myArr: [{foo:'a',bar:'b'},{foo:'c',bar:'d'},{foo:'a',bar:'b'},{foo:'c',bar:'d'},{foo:'a',bar:'b'},{foo:'c',bar:'d'},{foo:'a',bar:'b'},{foo:'c',bar:'d'},{foo:'a',bar:'b'},{foo:'c',bar:'d'},{foo:'a',bar:'b'},{foo:'c',bar:'d'},{foo:'a',bar:'b'},{foo:'c',bar:'d'},{foo:'a',bar:'b'},{foo:'c',bar:'d'},{foo:'a',bar:'b'},{foo:'c',bar:'d'},{foo:'a',bar:'b'},{foo:'c',bar:'d'}] } })

И HTML:



    
        
        
        
        
        
        
        
        
        
        
    
    
        

        

Star

End


Это результат, который я получаю:

Image

1
задан 10.03.2017, 11:42
1 ответ

Нуждаешься в том, чтобы исправить ты сдержись, добавляя prop: статьи с твоим array

 template: '<div :items="myArr" >{{ item.foo }}{{ item.bar }}</div>'
2
ответ дан 24.11.2019, 14:30