Как сделать кнопку для перехода по ссылке?

Question

[Vadim kyklaed]

Привет!, подскажите как правильно сделать кнопу для перехода по ссылке ?
мне нужно передавать в ссылку id как мне это реализовать ?

<li v-for="message in {{ message_list }}">
        [[ message.message_text ]]
        <button  v-bind:href="'http://127.0.0.1:8000/api/mark_read/id='+ [[message.id]]">Check</button>
    </li>

Answer 1

[Антон Швец]

че за наркомань тут у вас

<li v-for="message in message_list" :key="message.id">
        {{ message.message_text }}
        <a  :href="`http://127.0.0.1:8000/api/mark_read/id=${message.id}`">Check</a>
</li>

Answer 2

[Evgeny Kulakov]

Делайте ссылку, оформляйте в виде кнопки)

<li v-for="message in {{ message_list }}">
        [[ message.message_text ]]
        <a  v-bind:href="'http://127.0.0.1:8000/api/mark_read/id='+ [[message.id]]">Check</a>
</li>

Answer 3

[Евгений]

Выше правильнее, но если совсем упороться, то можно сделать метод с использованием document.location.href