How can I interpolate classes in css with vue?

{{ category.icon }} --> "icon1"

I want to be able to do:

<i : ></i>

This will output:

<i ></i>

How can I remove the spacing?

How is this achieved in vue?

CodePudding user response：

So you want which space to be removed? Want to have icon-icon1?
Then go for

: