我的数组中有对象(产品)。每个产品都有自己的评级,评级是来自数据库的数字。我在产品本身上显示每个产品的四舍五入平均评分。
\n{{ Math.round(Object.values(product.rating)[0]) }}\nRun Code Online (Sandbox Code Playgroud)\n我想显示人们用来评价产品的星星(单选按钮)的平均值。如果我点击对产品进行评分,则应检查与当前评分匹配的星星数量。在单个产品上,我可以只使用v-model,但是如果列表中有一堆产品并且每个产品都有不同的评级,我该怎么办?
每个单选按钮的值是 ID 和 value 属性。如何将单选按钮的 ID 或值与产品的当前评级相匹配?
\n没有this,所以我尝试这样做,但显然不起作用:
<div class="rating">\n <input\n type="radio"\n value="5"\n id="5"\n :checked="\n this.value ==\n Math.round(Object.values(product.rating)[0])\n "\n @change="rateproduct"\n /><label for="5">\xe2\x98\x86</label>\n <input\n type="radio"\n value="4"\n id="4"\n @change="rateproduct"\n :checked="\n this.value ==\n Math.round(Object.values(product.rating)[0])\n "\n /><label for="4">\xe2\x98\x86</label>\n <input\n type="radio"\n value="3"\n id="3"\n @change="rateproduct"\n :checked="\n this.value ==\n Math.round(Object.values(product.rating)[0])\n "\n /><label for="3">\xe2\x98\x86</label>\n <input\n type="radio"\n value="2"\n id="2"\n @change="rateproduct"\n :checked="\n this.value ==\n Math.round(Object.values(product.rating)[0])\n "\n /><label for="2">\xe2\x98\x86</label>\n <input\n type="radio"\n value="1"\n id="1"\n @change="rateproduct"\n :checked="\n this.value ==\n …Run Code Online (Sandbox Code Playgroud)