根据数据Vue中的网址建立链接

Question

在下面的数据中，我有一些网址，但我不希望它以文本形式显示。如何将其显示为链接？

我尝试使用一些正则表达式，但是它不起作用。是的，它可以更改文本，但不能更改链接的网址

<pre style="white-space: pre-line;font-family: inherit;">
  {{ page.body }}
</pre>

Answer 1

我想我确实听懂了您的意思，您想像<a>标签一样打印带下划线的网址吗？那么您应该使用该<a>标签！

像这样：

<a :href="url">{{url}}</a>

export default {
    data () {
        return {
            url: "https://media.giphy.com/media/13VFATn4bxBCXm/giphy.gif",
        }
    }
}

在属性:之前使用href进行绑定