Spring boot 如何在VueJS中检查某个内容是否为URL？

我试图检查用户输入的文本是否是VueJS中的URL。我不知道该怎么做/正则表达式是什么！有人能帮忙吗？这是我目前的代码

    function isValidWebUrl(url) {
  let regEx = /^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)$/gm;
  return regEx.test(url);
}

<div v-if = "regEx.test(post.postMarkdown)">
  <a>{{post.postMarkdown}}</a>
</div>
<div v-else>
  <p>{{ post.postMarkdown }}</p>
</div> -->

函数isValidWebUrl（url）{
让正则表达式=/^https？：\/\/（？：www.）？[-a-zA-Z0-9:%.+~+=]{1256}.[a-zA-Z0-9（）]{1,6}\b（[-a-zA-Z0-9（）@:%.+.~+&/*]）$/gm；
返回正则表达式测试（url）；
}
{{邮政邮戳}
{{post.postMarkdown}

-->

这里有很多用于URL验证的正则表达式：

如何将其用于VUEJ的简单示例：

<template>
  <div>
    <input v-model="url" />
    <span v-if="isValid">URL invalid</span>
  </div>
</template>

---

提供的代码就像一个未经测试的示例

您好，非常感谢！这两段代码都放在同一个地方吗？另外，我试图检查URL的项目实际上是从数据库中检索到的信息，并以{{post.postMarkdown}的形式编写，所以这将转到哪里？代码放在哪里取决于您使用的方法（单个组件、HTML模板、普通模板等）。我认为你应该从一开始就学习Vue。

const regex = '[YOUR URL REGEX GOES HERE]'

const component = {
  data () {
    return {
      url: ''
    }
  },
  computed: {
    isValid () {
      if (!this.url) return false

      return this.url.match(regex)
    }
  }
}