vue.js 請求數據


VUE.JS

var vm = new Vue({
            el:"#list",
            data:{
                gridData: "",
            },
            mounted: function() {
                this.$nextTick(function () {
                    this.$http.jsonp('http://***.com').then(function(res) {
                        console.log(res.data)
                        this.gridData = res.data;
                    })
                })
            },
        })

vue2.0版本廢棄了ready定義的方法,使用mounted來代替,不過需要加上this.$nextTick(function(){})。

如果沒有請求成功看一下vuejs的版本,1.0版本的寫法是這樣的

var vm = new Vue({
    el:"#list",
    data:{
        gridData: '',
    },
    ready: function() {
        this.$http.jsonp('http://***.com').then(function(res){
            this.$set('gridData', res.data);
        })
    },
})

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM