Html 有没有办法在Vue参数中创建超链接
我有一个函数,可以创建一个文本框,在每个Html 有没有办法在Vue参数中创建超链接,html,vue.js,Html,Vue.js,我有一个函数,可以创建一个文本框,在每个名称中进行更改。问题是,我希望其中一个描述参数允许文本中有超链接。 例如: 我希望超链接位于单独文本中的此description参数内。我尝试使用如果使用Vue 2,请签出,它显示了如何绑定变量并将其显示为HTML。您还需要确保将您的描述+HTML存储为 模板应类似于: <template> <div v-html="maps[0].description"></div> </templat
名称中进行更改。问题是,我希望其中一个描述参数允许文本中有超链接。
例如:
我希望超链接位于单独文本中的此description参数内。我尝试使用如果使用Vue 2,请签出,它显示了如何绑定变量并将其显示为HTML。您还需要确保将您的描述+HTML存储为
模板应类似于:
<template>
<div v-html="maps[0].description"></div>
</template>
请注意描述中的反勾号。这称为模板文本。您的脚本应类似于以下内容:
var maps = new Vue({
el: "#maps",
data: {
selected: 'US County'
maps = [
{
name: 'US County'
description: `This is where I want my <a href="blahblah">link</a> to go`
}
]
}
})
var-maps=新的Vue({
el:“地图”,
数据:{
选定:“美国县”
地图=[
{
名称:“美国县”
描述:`这就是我想要我的孩子去的地方`
}
]
}
})
在description
参数中,但它仍然没有生成超链接,整个内容将以文本字符串的形式返回。更新了我的答案以进一步澄清。如果这有帮助,请标记为答案。我这样做了,并且能够显示超链接,但它不在所选的“地图”中。它在每个#maps参数中创建超链接,其中有4个参数。我只想让他们中的一个表现出来(在文本描述中,它仍然作为一个完整的文本字符串,即使在创建超链接时使用模板文字,您也需要查看map.name是否等于selected。如果等于selected,则显示超链接。如果没有代码,没有人能提供更多帮助,但请查看有关条件渲染的帮助,这是在你需要的时候。
var maps = new Vue({
el: "#maps",
data: {
selected: 'US County'
maps = [
{
name: 'US County'
description: `This is where I want my <a href="blahblah">link</a> to go`
}
]
}
})