부트스트랩 vue 테이블이 변경 사항이 있을 때 감지하지 못합니다.새로고침하면 나와요.새로 고치지 않고 연속된 데이터를 변경하는 방법데이터를 갱신한 후 다시 get 요청을 하지 않고 데이터를 갱신해 주었으면 합니다.
마이 데이터:
items = [
{id:1,name:'Veli'},
{id:2,name:'Berkay'},
{id:0,name:'Mehmet'},
] <b-table
:items="person"
:fields="fields"
/> <template>
<form v-for="(person, index) in persons"
@submit.prevent="submit">
<input v-model="person.name">
</form> </template>
<template>
<div v-for="(person, index) in persons">
<span :key="index">{{person.name}} </span>
</div> </template>
<script> import axios from 'axios'
export default {
data() {
return {
persons: []
}
},
beforeCreate(){
this.$store.dispatch("loadPerson").then((response) => {
Vue.set(this, "persons", response);
})
},
methods: {
submit(){
axios.put('/person', this.person)
}
}, } </script>