Javascript 如何在vue js中创建输入框，用户可以在提交按钮后手动将其href调整为框中所写内容

我是vue js的新手，有一些问题，如果有人能帮我解决的话

我有4个按钮（A、B、C、D），当我们点击它们时，它们将进入链接在里面的href。 我想创建一个包含4个输入框的配置页面，在这些框上显示这些按钮的实际href。当我们更改输入框中的地址并提交表单时，它将自动用新按钮替换这些按钮的href

示例：按钮A href=“google.com” 在我们输入A=“youtube.com”并提交后，然后A href=“youtube.com”

---

提前谢谢。

您可以尝试将输入值绑定到href，如下所示

<button :href="inputValue"/>

---

恐怕我不明白这个问题。也许需要更多的方向或背景？你是说你想要一个用户输入来指导

href

是什么？是的，在我更新它之后，这些按钮的输入将是新的href。它就像那些按钮的设置页面，我可以在以后轻松地调整链接。

<input v-model="inputValue" />

<input v-model="inputValue.lazy" />