vue.js - 如何读取firestore get()接收到的数据

Question

我使用Vue和Firestore。

我通过 get() 接收数据。

onMounted(async () => {    
const forminfo = db.collection('forms').doc(route.params.id)
const doc = await forminfo.get()
content.value = doc.data().content
url.value = doc.data().url
}

并<p>{{content}} {{ url }} </p>在模板中使用。

但是这种方式在写的时候没有体现换行，也没有把url做成图片。

标签： vue.jsgoogle-cloud-firestore

Answer 1

要从给定的 url 显示图像，请使用

<img :src='url'/>

对于换行符，添加<br>要创建新行的位置