Vue's {} template syntax binds the data with:, and how to deal with it

I tied the data with (semicolon) on vue"s {} template syntax and was escaped on url. How can I escape back or avoid taking it with me?

<router-link :to="{ path: /pingou/14,query: {attr_id:attributes}}"></router-link>

clipboard.png

attributes is the specification data with semicolons, which is escaped when the value is passed on the page

Mar.12,2021

is there any problem? you use the parameter fetching method specified by router and you turn back.
$route.query.attr_id

Menu