Javascript 使用Vue从json数据链接到外部url

我在链接到外部url时遇到了一个大问题。我从json获取的这个url连接到HTML标记。但是，当我单击图像时，我无法获取url数据并链接到该url

HTML

---

原则上，您的代码运行良好，但img标记所做的工作没有意义

对于SO问题，最好使用一个小的、可重复的例子。我拿走了你的代码，让这把小提琴帮了大忙。我在这里放了一个：

我使用的数据是：

    portfolio: [{
        img: 'https://dummyimage.com/300x200/000/fff&text=one',
        caption: 'Caption 1',
        title: 'Title 1',
        url: "https://destination-1.com/"
      },
      {
        img: 'https://dummyimage.com/300x200/000/fff&text=two',
        caption: 'Caption 2',
        title: 'Title 2',
        url: "https://destination-2.com"
      }
    ]

在您的情况下，您不必像这样使用模板字符串

<a :href="`${obj.url}`">

---

有更多相关内容。
你好@Andrew，非常感谢你的评论。这非常有帮助，我现在解决了这个问题！很抱歉回复晚了，非常感谢！
    portfolio: [{
        img: 'https://dummyimage.com/300x200/000/fff&text=one',
        caption: 'Caption 1',
        title: 'Title 1',
        url: "https://destination-1.com/"
      },
      {
        img: 'https://dummyimage.com/300x200/000/fff&text=two',
        caption: 'Caption 2',
        title: 'Title 2',
        url: "https://destination-2.com"
      }
    ]

<a :href="`${obj.url}`">

<a :href="obj.url">