gpt4 book ai didi

javascript - 如何在 Vue js 中解析 json 以在模板中使用它

转载 作者:行者123 更新时间:2023-12-04 02:34:19 24 4
gpt4 key购买 nike

<template>
<div class="row w-20 " >
<div class="card col-4 ">
<ul>
<li v-for="message in conversations.messages" :key="message.messages">
{{message.text}}
</li>
</ul>

</div>
</div>
</template>

<script>
export default {

props: ['conversation_index_route'],
data() {
return {
conversations: [],
url: 'http://127.0.0.1:8000/comms/conversation/',

}
},
beforeMount() {
this.$eventBus.$on('selectConversation', this.getConversations)
this.getConversations();
},
methods: {
getConversations(id) {
console.log(this.url+id);
axios.get(this.url+ id)
.then(response => {
this.conversations = response.data;
this.conversations = JSON.parse(this.conversations.message);
console.log(this.conversations);

});
}
}

}
</script>
conversation_index_route:"http://127.0.0.1:8000/comms/conversation"
conversations:Object
all_staff_attended:false
centre_id:5
children:""
classes:""
cover_image:"https://via.placeholder.com/150x150"
created_at:"2020-05-30 19:01:59"
exited_users:null
id:257
last_id:null
messages:Array[1]
0:"{"_id":1854,"text":"This is the beginning of this conversation","createdAt":"2020-05-30 19:01:59","system":true}"
parent_users:"3016"
parents:Array[1]
staff_users:"180,181"
staffs:Array[2]
status_id:1
title:"Test"
updated_at:"2020-05-30 19:01:59"
url:"http://127.0.0.1:8000/comms/conversation/"
This is the data I got and want to parse the message array
那么我应该编写什么代码来使用模板中的消息文本来显示文本消息?

最佳答案

你必须做 JSON.parse(conversations.messages[0]).text .这样你解析 messages 里面的对象并可以访问其属性。

关于javascript - 如何在 Vue js 中解析 json 以在模板中使用它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62546770/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com