2017-09-03 3 views
0

은 내가 .I이 that.Here 같은 시도 목록 형식의 HTTP 요청 및 쇼를 공격하려는 클릭 뷰 + Vuex + 뷰 resource.On 버튼을 사용하여 서버에서 데이터를 가져 오기 위해 시도하고 내 코드입니다vue js의 서버에서 데이터를 가져 오는 방법은 무엇입니까?

https://plnkr.co/edit/EAaEekLtoiGPvxkmAtrt?p=preview

// Code goes here 

var store = new Vuex.Store({ 
    state: { 
     Item: [] 
    }, 
    mutations: { 
     getItems: function (state) { 

     } 

    }, 
    actions: { 
     fetchData:function (context) { 
      this.$http.get('/data.json', function(v1users) 
       { 
        // this.$set('v1_user',v1users); 
      }); 
     } 
    } 
}) 

var httprequest = Vue.extend({ 
    "template": '#http_template', 
    data: function() { 
     return { 
      items: store.state.Item 
     } 
    }, 
    methods: { 
     fetchData: function() { 
      store.dispatch('fetchData') 
     }, 

    } 
}) 

Vue.component('httprequest', httprequest); 

var app = new Vue({ 
    el: '#App', 
    data: {}, 


}) 

; udpdate가 있습니까?

답변

0

this.$http.get 대신 Vue.http.get을 사용해보세요.

Vuex는 $http에 직접 액세스 할 수 없습니다.

+0

제발 할 수 plunker – naveen

+0

내가 어떻게 할거야? – naveen

+0

플 런커 (plunker)가 필요 없습니다. 코드에서'this. $ http.get'을'Vue.http.get'으로 대체하십시오. 그것이 당신이해야 할 유일한 변화입니다. – mariodev