I have been trying to fetch data from Firestore and display it on the interface using Vuejs. However, I am facing an issue where the innerHTML is not getting updated despite spending 3 hours troubleshooting without any success.
Here is a snippet of the code:
<section>
<div v-html="boardDetails"></div>
</section>
And here is the Vuejs code:
Vue.component('dashboard', {
template: '#dashboard',
data() {
return {
boardDetails: ''
}
},
mounted(){
// Code for fetching user details and board information
// Updating the boardDetails variable with the retrieved data
this.boardDetails = html;
console.log(this.boardDetails);
}
});
Although the console log confirms that the boardDetails are being updated, the interface does not reflect these changes. https://i.sstatic.net/BZ9P9.png