我有一個資料表，我想根據使用 findAll() 從 sequelize 回傳 json 的 api 傳遞資料..
但是在 console.log 中，當我呼叫 getUser 方法時，它會回傳帶有資料的資料。但是當您將資料插入資料表時：它會通知您它沒有資料。
在代碼中使用的示例資料表：https : //vuejsexamples.com/a-vue-plugin-that-adds-advanced-features-to-an-html-table/
<template>
<div>
<data-table v-bind="bindings"/>
</div>
</template>
<script>
import ActionButtons from "../Components/ActionButtons"
import axios from "axios"
export default {
name: 'Usuarios',
data(){
return {
user: this.user,
errors: []
}
},
computed: {
bindings() {
return {
data: this.user,
lang: "pt-br",
actionMode: "single",
columns: [
{
key:"code",
title:"Código"
},
{
key:"name",
title:"Nome"
},
{
key:"login",
title:"Login"
},
{
key:"cpf",
title:"CPF"
},
{
key:"actions",
title:"A??es",
component: ActionButtons,
},
],
}
}
},
methods:{
getUser() {
axios
.get("http://localhost:3005/users")
.then((res) => {
this.user = res.data;
})
.catch((error) => {
console.log(error);
});
},
}
};
</script>
uj5u.com熱心網友回復：
我相信它不起作用的原因是因為該getUser()方法已定義但未呼叫。
如果將異步請求移動到created()生命周期鉤子中，則該請求將在組件安裝之前發出，因此該表應該可以訪問資料。https://v3.vuejs.org/api/options-lifecycle-hooks.html#created
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/328291.html
標籤：javascript Vue.js 表达 公理