小编cra*_*dev的帖子

VueJS - 如何检查单选按钮是否与某个值匹配

我的数组中有对象(产品)。每个产品都有自己的评级,评级是来自数据库的数字。我在产品本身上显示每个产品的四舍五入平均评分。

\n
{{ Math.round(Object.values(product.rating)[0]) }}\n
Run Code Online (Sandbox Code Playgroud)\n

我想显示人们用来评价产品的星星(单选按钮)的平均值。如果我点击对产品进行评分,则应检查与当前评分匹配的星星数量。在单个产品上,我可以只使用v-model,但是如果列表中有一堆产品并且每个产品都有不同的评级,我该怎么办?

\n

每个单选按钮的值是 ID 和 value 属性。如何将单选按钮的 ID 或值与产品的当前评级相匹配?

\n

没有this,所以我尝试这样做,但显然不起作用:

\n
<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)

javascript vue.js vuejs3

1
推荐指数
1
解决办法
974
查看次数

标签 统计

javascript ×1

vue.js ×1

vuejs3 ×1