vue如何綁定有特殊字符拼接的屬性值？

:style="'width:'+num+'%'"

題主的意思是這樣？

直接寫樣式不行么？用class來(lái)做這種東西不是挺好的么

這么玩不好嘛？

<div :style="{width: num + '%'}"></div>
<div :style="style"></div>
<script>
    let num = 10;
    export default {
        data () {
            style: {
                width: num + '%'
            }
        }
    
    }
</script>

//html
<span v-bind:style="style"></span>
//js
compute:{
    'style':function(){
        return {'width':num+'%'};
    }
}