Vue cannot detect array changes when assigning values directly using indexes and modifying array lengths directly. {{filedatas.length}} 1 js: export default { data() { return { fileDatas: [] } }, created() { this.getData(); }, methods: { getData() { var that = this var api =’/api/directory/null’; console.log(‘api:’ + api) that.$axios.get(api).then((res) => { console.log(‘data’ + JSON.stringify(res.data.data)) var i =0 for (i=0; i