在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue.js如何實現(xiàn)翻頁時增加數(shù)據(jù),類似與append的操作?

vue.js如何實現(xiàn)翻頁時增加數(shù)據(jù),類似與append的操作?

現(xiàn)在用vue.js在做一個手機下拉翻頁的功能,因為時手機端,所以要保留以前的數(shù)據(jù),類似與append的操作,如何實現(xiàn)呢,我之前嘗試了用Vue.extend,還是不行,代碼如下:

function initEquipment(url) {
    accessorys = [];
    $.ajax({
        type: "GET",
        url: url,
        dataType: "json",
        success: function(result) {

            accessorys = result.content;
            /*            accessoryVues.accessoryList = accessorys;
             * 
             */
            var Profile = Vue.extend({
                template: '<div v-for="a in accessoryList" class="goods_li" v-bind:id="a.id">' +
                    '<img class="goods_image" v-on:click="window.parent.location.href = ' + '"equipment_detail.html?goodsid= a.id" v-bind:src="a.itemEquipmentModel.thumbnail" alt="">' +
                    '<span class="goods_name"><b>{{a.itemEquipmentModel.name}}</b></span>' +
                    '<span class="goods_money">¥{{a.commonProperty.minPrice/100}}/{{a.itemEquipmentModel.unit}}</span>' +
                    '<span class="goods_spec">產(chǎn)品規(guī)格:<span v-for="s in a.itemEquipmentModel.specification">{{s}}</span></span>' +
                    '<span class="goods_component">產(chǎn)品用途:<span v-for="s in a.itemEquipmentModel.purpose">{{s}} </span></span>' +
                    '<img class="goods_draw" src="./img/draw.png" v-on:click="window.parent.location.href = ' + '"equipment_update.html?goodsid=a.id" alt="">' +
                    '<img class="goods_del" src="./img/del.png" alt="" v-on:click="deleteItem(a.id)">' +
                    '</div>',
                data: function() {
                    return {
                        accessoryList: accessorys
                    }
                }
            })
            // 創(chuàng)建 Profile 實例,并掛載到一個元素上。
            new Profile().$mount('#center');
        },
        error: function(result) {
            console.log(result);
        }
    });
    /*if(accessoryVues == null) {
        accessoryVues = new Vue({
            el: "#center",
            data: {
                accessoryList: accessorys
            }
        });
    }*/

    // 創(chuàng)建構(gòu)造器

}
回答
編輯回答
愛是癌

html直接 v-for
然后翻頁后往items數(shù)組push新數(shù)據(jù)

2018年1月3日 19:29
編輯回答
懷中人

推薦用mint-ui,有現(xiàn)成的翻頁

2017年6月23日 14:50