Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 有没有办法在Vue参数中创建超链接_Html_Vue.js - Fatal编程技术网

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`
       }
      ]
   }
 })