这是我的package.json文件：
      
{ “名称”：“项目名称”， “版本”：“0.0.0”， “私人”：真实， “脚本”：{ “dev”：“vite”， “构建”：“vite 构建”， “预览”: “视频预览” }, “依赖关系”：{ “axios”：“^1.4.0”， “firebase”：“^9.22.1”， “vue”：“^3.3.2”， “vue-router”：“^4.2.0” }, “开发依赖项”：{ “@vitejs/plugin-vue”：“^4.2.3”， “自动前缀”：“^10.4.14”， “postcss”：“^8.4.23”， “更漂亮”：“^2.8.8”， "prettier-plugin-tailwindcss": "^0.3.0", "tailwindcss": "^3.3.2", “vite”：“^4.3.5” } }  
请问您能帮我解决这个问题吗？
 
我尝试在RatingBar组件中使用静态值作为宽度，它正确渲染。然而，当我尝试使用动态值作为宽度时，使用表达式:class="w-[${Math .floor(genre. rating * 10)}%]”，渲染结果并不如预期。它总是渲染为宽度为100%，而不是应用计算得到的宽度。
我希望具有bg-secondary类的div元素的宽度与基于genre. rating值计算的百分比相对应。例如，如果genre. rating为7.5，宽度应该是75%。
 
在DevTools中验证了宽度值，但渲染的HTML输出始终将宽度显示为100%，而不管实际计算得到的值如何。
 
我将非常感谢您如何解决此问题，以确保RatingBar组件中的动态框架正确渲染任何意见或建议。