How to correctly insert a value into a template?

Question

Vue.js

Can you tell me how to correctly add values ​​to :stroke-dasharray=""?

<circle v-for="{percent, dash} in cd.content" cx="21" cy="21" r="15.91549430918954" stroke="#49a12f" :stroke-dasharray="percent dash" stroke-dashoffset="25"></circle>

"content": [
            {
                "result": "Lorem ipsum",
                "percent": "96",
                "dash": "4",
                "img": ""
            }
        ],

Fires only if I specify one :stroke-dasharray=percentlike this

Answer 1

did it "dash": "96 4",, everything works.

<circle cx="21" cy="21" r="15.91549430918954" stroke="#49a12f" :stroke-dasharray="p.dash" stroke-dashoffset="25"></circle>

Answer 2

`${a} ${b}`