第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

在 Vue.JS 中顯示 Axios 響應(yīng)數(shù)據(jù)

在 Vue.JS 中顯示 Axios 響應(yīng)數(shù)據(jù)

PHP
千萬里不及你 2022-06-17 15:53:21
我編寫了這個(gè) Vue.JS 代碼來以對(duì)話格式顯示從 PHP 文件收到的 JSON 響應(yīng)。我當(dāng)前的代碼如下所示:    const app = new Vue({    el: "#chatview",    data: {            messages:[],            txtInput: '',            mid:0        },    methods:{    GetBubbleType: function (name){                         if(name === "AI")                     return "yours messages";                    else                     return "mine messages";                },   },      mounted(){        axios.post('./ConversationGetter.php',{            function2call: 'getRecord',            id: 1,        }).then( response =>  {console.log(response.data);         this.data=response.data;        }).catch(error => {});        },        template: `  <div style ="font-family:Open Sans;font-size:16px">  <div v-for="message in messages">    <div class="fade-in">      <div v-bind:class="GetBubbleType(message.name)">        <div class="message last">          <p>{{message.message}}</p>        </div>      </div>    </div>  </div>  <form @submit.prevent="sendMessage('out')"  id="person-form">    <p>      <input type="text" placeholder="Enter Your Query Here"style=" border-radius=25px" v-model="txtInput">      </input>      <input type="submit" placeholder="Send"style=" border-radius=25px">      </input>    </p>  </form></div>  `})從 PHP 收到的響應(yīng)是(寫在控制臺(tái)上):{  "data": [    {      "Modified_Time": "2019-12-13T16:08:36+05:30",      "$currency_symbol": "$",      "Message": "Hey!",      "Created_Time": "2019-12-13T16:08:36+05:30",      "Name": "AI",    },    {      "Modified_Time": "2019-12-13T16:08:27+05:30",      "$currency_symbol": "$",      "Message": "Yo!",      "Created_Time": "2019-12-13T16:08:27+05:30",      "Name": "Me",    },  ],}PHP的返回行是:echo $result; return $result;出于某種原因,它沒有在聊天視圖中顯示消息。我哪里出錯(cuò)了?
查看完整描述

1 回答

?
幕布斯7119047

TA貢獻(xiàn)1794條經(jīng)驗(yàn) 獲得超8個(gè)贊

v-for您的模板正在messages組件的data. 但是,您正在分配this.data=response.data. 那是data在組件實(shí)例上創(chuàng)建一個(gè)屬性,而不是分配messages值。

相反,只需更改this.data=response.datathis.messages=response.data.data.

data如評(píng)論中所述,您的響應(yīng)正文在根目錄中包含一個(gè)數(shù)組,Axios 在 中返回響應(yīng)正文response.data,因此response.data.data應(yīng)該分配給this.messages.


查看完整回答
反對(duì) 回復(fù) 2022-06-17
  • 1 回答
  • 0 關(guān)注
  • 120 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)