How to make a button to follow a link?

Question

Vue.js

Hello!, tell me how to make a button to follow the link?
I need to pass an id to the link, how can I implement it?

<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

what kind of drug addict are you here

<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

Make a link, format it as a button)

<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

The above is more correct, but if you really screw up, you can make a method using document.location.href