VueJS — Как частично рендерить ссылку?

Question

[daniel_wesson]

Есть поле:<input type="text" v-model="client_id">
Как при изменении этого поля, его содержимое сразу подставлялось в ссылку:

<a href="https://oauth.vk.com/authorize?client_id={{ client_id }}" class="btn btn-primary"></a>

Answer 1

[0xD34F]

:href="`https://oauth.vk.com/authorize?client_id=${client_id}`"

или

computed: {
  href() {
    return `https://oauth.vk.com/authorize?client_id=${this.client_id}`;
  },
},

:href="href"

или

methods: {
  href: client_id => `https://oauth.vk.com/authorize?client_id=${client_id}`,
},

:href="href(client_id)"