我在我的專案中使用了laravel 8和vue。使用axios進行API請求，使用vue顯示輸出。
除了一個欄位在mysql中存盤了["leave", "paperless"]的標簽外，其他都呈現得很好
。試著用下面的代碼來渲染它
<li>
< i class="mdi mdi-tag-text-outline" > </i>
< a href="#" v-for="tag in article. tags">
{{標簽}}</a>。
</li>
輸出結果是每個字符都是一個鏈接
而這是html中的鏈接。
這就是HTML輸出
<li>< i class="mdi mdi-tag-text-outline" > </i> <a href="#">
[</a><a href="#">
"</a><a href="#">
l</a><a href="#">
e</a><a href="#">
a</a><a href="#">
v</a><a href="#">
e</a><a href="#">
"</a><a href="#">
,</a><a href="#">
</a><a href="#">
"</a><a href="#">
p</a><a href="#">
a</a><a href="#">
p</a><a href="#">
e</a><a href="#">
r</a><a href="#">
l</a><a href="#">
e</a><a href="#">
s</a><a href="#">
s</a><a href="#">
"</a><a href="#">
]</a> 。
</li>
請告知如何解決這個問題。謝謝
uj5u.com熱心網友回復：
這與Vue無關，如果其他類似的標簽在同一個應用程式中作業的話。
檢查你的資料庫中的資料，或者重新創建它。你的資料可能被錯誤地存盤成這樣 "["leave", "paperless"]"或類似的，因為它顯然是一個字串。
uj5u.com熱心網友回復：
我通過在標簽中加入JSON.parse解決了這個問題，如下所示
<li>
< i class="mdi mdi-tag-text-outline" > </i>
< a href="#" v-for="tag in JSON. parse(article.tags) ">
{{標簽}}</a
>
</li>
效果是
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/324244.html
標籤：