vue 组件ajax数据,推动AJAX数据VUE组件

，我渲染通过道具

{{ option }}

{{ key }}{{ employee[0].first_name }}{{ employee[0].last_name }}{{ employee[0].nick }}{{ employee[0].role }}{{ employee[0].skill }}

{{ _commits[key][n].hours }}

比我试图筛选上改变了ajax数据，但数据不会更新

这里是我正在尝试的脚本，但从方法功能我无法将新数据推送到模板

export default {

name: 'employee-times',

props: ['supplies', 'times', 'commits', 'employees'],

components: {

},

created() {

axios.get('/api/v1/roles', {

headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},

}).then(response => {

th

is.roles = response.data

}).catch(error => {

})

this._times = this.times;

this._commits = this.commits;

this._supplies = this.supplies;

this._employees = this.employees;

},

data() {

return {

count: 0,

yearsOptions: [],

_employees: {},

_supplies: {},

_times: {},

_commits: [],

currentYear: null,

currentStatus: 1,

currentPosition: 0,

statusOptions: [

{'id': '1',

'text': 'Active'

}, {'id': '0',

'text': 'Inactive'

}],

currentSkillset: 'all',

skillsetOptions: [

{'id': 'all',

'text': 'All'

}, {'l1': 'l1',

'text': 'L1'

}, {'l1': 'l2',

'text': 'L2'

}, {'l1': 'l3',

'text': 'L3'

}, {'l1': 'l4',

'text': 'L4'

}, {'l1': 'l5',

'text': 'L5'

}],

status: {},

roles: {},

skillsets: {}

};

},

mounted() {

this.currentYear = moment().format('Y')

var from = moment().subtract('4', 'years').format('Y')

var to = moment().add('2', 'years').format('Y')

while (from <= to) {

this.yearsOptions.push(from);

from++;

}

},

watch: {

'_employees': function (val, oldVal) {

console.log('new: %s, old: %s', val, oldVal)

}

},

methods: {

commit() {

},

clear() {

},

months() {

return moment.monthsShort()

},

filter() {

var data = {

year: this.currentYear,

status: this.currentStatus,

position: this.currentPosition,

//skill: currentSkillset

}

axios.post('/api/v1/supply/track-times', data, {

headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},

}).then(response => {

this._employees = {}

this.$set(this, '_employees', JSON.parse(response.data.employees))

this.$set(this,'_times', JSON.parse(response.data.times))

this.$set(this,'_supplies', JSON.parse(response.data.supplies))

this.$set(this, '_commits', JSON.parse(response.data.commits))

}).catch(error => {

})

}

},

};

我在这种情况下错过了什么？

2017-09-25

fefe

+0

过滤器()发射？ –

+0

是和ajax正在执行，但新数据不呈现 –