如何在vue js中创建一个输入框，用户可以在提交按钮后手动将其href调整为框中的writen

Question

我是vue js的新手，如果有人能帮我的话，我会遇到一些问题。

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

示例：按钮A href="google.com"；在我们输入A＝"0"之后；youtube.com"；然后提交A href="；youtube.com"；

提前谢谢。

Answer 1

您可以尝试将输入中的值绑定到href，如so

<button :href="inputValue"/>

并使用输入设置inputValue

<input v-model="inputValue" />

冒号:是v-bind:的简写

v模型将在输入时设置值，如果您只想在输入时进行设置，请尝试

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