Enclosing a router-link tag in a button in vuejs

Question

Can I wrap or enclose a router-link tag in a button tag?

When I press the button, I want it to route me to the desired page.

Answer 1

As of Vue-Router 3.1.0, the ideal way is to use the slots api.
Documentation Here

@choasia's answer doesn't allow for props to be passed to the component
@Badacadabra's answer causes problems with library-buttons (such as button margins)

Here's how the solution would work with the slots API

    
      {{ route.name }}