[Vuejs]-How to create an input box in vue js, that user can manually adjust the href of a button to what writen in the box after submit it

You could try binding the value from the input to the href like so

<button :href="inputValue"/>

And set the inputValue with the input

<input v-model="inputValue" />

The colon : is shorthand for v-bind:

The v-model will set the value on input, if you only want it to set on enter try

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