请问在uni-app中如何使用js动态修改元素的样式？

我目前的方案是在标签中使用【:class】来修改元素样式，但这样只能实现几种固定样式但变更；
然后就是使用【:style】在函数里拼样式，确实可以实现动态修改，但

<view :style="'width: ' + textFontSize + ';'" class="game-quz-op-ele-btn">{{cha}}</view>

这种标签总感觉怪怪的；
同时还有读取自适应view的宽度来设定其他元素大小的操作，目前是这样实现的，但好像不能通过data修改样式；请问标准的读写方式应该是怎样的？

        eleFontSize() {  
                var i = 0  
                var efs = setInterval(() => {  
                    let query = uni.createSelectorQuery().select('.game-quz-ele-btn');  
                    query.boundingClientRect(data => {  

                        console.log(i, "得到布局位置信息", this.textFontSize);  
                        var newWitdh = data.width + 'px'  
                        if ('###' == this.textFontSize) {  
                            this.textFontSize = newWitdh;  
                            this.textFontTop = 0  
                            clearInterval(efs)  
                        }  
                        if (i > 100) {  
                            clearInterval(efs)  
                        }  
                        i = i + 1  
                    }).exec();  
                }, 0)  

            }