Блог

Я пытаюсь добавить кнопку, которая будет ссылаться на другую страницу, созданную для редактирования / удаления записи. Однако 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']
  

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

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