Vue.js - 如何從 object 鏈接到 output
[英]Vue.js - how to output link from an object
問題描述
我想 output 一個來自 object 的超鏈接。 有可能這樣做嗎？
我目前在我的 store.js 中有這個，想將此信息用於 output
它在我的網站上以模態形式出現。 我讓它顯示它，但 a href 輸出為文本。
檢查了這個，但這些解決方案都不適合我： 在 Javascript 對象數組中添加超鏈接
export default {
photos: [
{
name: "fox1",
image: "fox01.jpg",
id: 1,
header: "Photoshoot with Fox Apparel",
description:
"Photoshoot with " +
'<a href="https://fox.jp/" target="_blank">Fox</a>' +
", a sustainably - driven e - retailer from Canada."
}
]
}
1 個解決方案
解決方案1
0 2020-05-06 10:20:32
這是解決方案： https://nexladder.com/vuejs-tutorial/vuejs-v-html-directive
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<div v-html="content"></div>
</div>
<script>
new Vue ({
el: '#app',
data: {
content: '<h2>Hello World</h2>'
}
})
</script>
</body>
</html>
解決方案2
-1 2022-08-29 16:59:08
我有同樣的問題，我想在描述中插入鏈接。
const features = [
{
name: 'Name',
description: 'text'+<a href="../assets/doc.pdf" target="_blank">link</a>+'text',
icon: Icon,
},
Vue.js，如何通過 axios 在 api 鏈接中發送對象？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.