Как использовать данные объекта vue в шаблонах django href

Question

Я хочу создать URL, используя режим href шаблонов django, но проблема в том, что URL должен содержать данные из объекта vue.В моем объекте Vue я использую $ {} , чтобы избежать столкновения разделителя с django, поэтому я пытаюсь создать URL следующим образом:

{%url 'main:commodityInfoPage' %{task.category} %{task.searchKey} %}

Весь код этой части выглядит так:

<tr v-for="task in taskList">
    <td>${task.searchKey}</td>
    <td>${task.category}</td>
    <td>${task.taskId}</td>
    <td>${task.status}</td>
    <td><a href="{%url 'main:commodityInfoPage' %{task.category} %{task.searchKey} %}">Info</a></td>
</tr>

А мой роутер django вот так:

path('commodityInfo/<str:category>/<str:searchKey>/',views.commodityInfoPage, name = 'commodityInfoPage')

К сожалению, он не работает.Теперь я знаю, что речь идет о параметрах % {task.category} , % {task.searchKey} .Но я не знаю, как правильно установить формат, подскажите, как это исправить?