1 回答

TA貢獻1868條經驗 獲得超4個贊
執行此操作的標準方法是data在模板中顯示屬性。
<span class="symbolTicket">
{{ ticket }}
</span>
data () {
return {
ticket: null
}
}
然后從created鉤子加載值:
created () {
this.getTicket()
},
methods: {
getTicket () {
return axios.get("http://localhost:2000/" , {
params: {
foo: 'SELECT * FROM eur_usd WHERE primary_key = 2;'
}
})
.then(response => {
const ticket = response.data.ticket;
// Update the data property
this.ticket = ticket;
console.log(ticket);
return ticket;
})
.catch(function (error) {
console.log(error);
});
}
}
該方法getTicket正在向服務器發出異步請求,因此無法ticket直接返回。它所能返回的只是相應的承諾。模板需要同步的值,所以依賴返回值是getTicket行不通的。
您可能還需要處理ticketis的情況null。在初始呈現期間,對服務器的請求不會完成,因此ticket仍將是null.
如果您喜歡使用async/await該getTicket方法可以簡化,但它不會改變上述的整體流程。您仍然需要一個單獨的data屬性來保存結果。
添加回答
舉報