如何在Vue中显示axios响应

6rqinv9w  于 2023-02-16  发布在  Vue.js
关注(0)|答案(1)|浏览(176)

我是Vue.js新手,不太了解它是如何工作的。所以,我的函数使用axios将数据发送到服务器并获得响应。当获得响应时,我想使用变量显示它,但此时出现了错误。
HTML模板

<p v-if="text"> {{ text }} </p>

检验:

const text = ref(undefined);

axios.post('api', anotherVar).then( 
 function (response) {
    response.data.error ? (text.value = response.data.error, console.log(text.value)) : (console.log('Everything is OK'));
     
});
ffx8fchx

ffx8fchx1#

它将像这样工作。

const text = ref(undefined);
    axios.post('api', anotherVar).then( 
     function (response) {
      text.value = response.data.error ? response.data.error  : 'Everything is OK'; 

     if(text.value != undefined ) console.log(text.value)

    });

相关问题