Vueでv-modelをURLの中に組み込みたい

Question

前提・実現したいこと

v-modelを利用しURLの入出力を行いたい。
出力されたURLから画面遷移できるようにしたい

該当のソースコード

<div>
<input class="input" type="url" v-model=inputUrl">

{{inputUrl}}

このinputUrlを押すことで画面遷移できるようにしたい

試したこと

<a href="{{inputUrl}}"</a>
のような書き方をしましたがhrefの中にマスタッシュ構文は使えなく、どうにもなりませんでした。

補足情報（FW/ツールのバージョンなど）

よろしくお願いいたします。

Answer 1

スマホで書いてるのであってるか不安ですが^^;
こうじゃないですかね？？

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