Как передать реквизит на URL в форме с Vue.js

Question

Я пытаюсь добавить кнопку, которая будет ссылаться на другую страницу, созданную для редактирования / удаления записи.Однако URL-адрес в действии /videos/{the id of the video}/edit Обычно я просто помещал бы его в фигурные скобки или использовал шаблонный литерал, но они, похоже, не работают.Когда я пытаюсь использовать двойные фигурные скобки /videos/{{the id of the video}}/edit, я получаю сообщение об ошибке Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. Я пытаюсь передать реквизиты для идентификатора видео, чтобы затем применить его к URL-адресу, но я не уверен, как это сделать.

Я пробовал шаблонные литералы, но я получаю синтаксическую ошибку, когда я пытаюсь использовать их в action="...", поэтому я пытался делать то, что мне говорят, и использовать привязку :id="this.$props.id", но я неОбязательно добавьте идентификатор в URL без использования интерполяции.

<form method="get" :id="this.$props.id" action="/videolist/$id/edit">
    <button type="submit">Edit</button>
</form>

props: ['id', 'name', 'description', 'category']

Answer 1

Спасибо, я решил эту проблему, используя шаблонный литерал. Это просто не сработало так, как я думал. Это сработало

<form method="get" :action="`/videolist/${this.$props.id}/edit`">
   <button class="btn btn-success" type="submit">Edit</button>
</form>