【Vue Stars】在同一个页面中使用多个`vue-stars`组件时，显示不对？

当我在页面中使用多个vue-stars组件，如下：

<vue-stars :value="0" hover-color="#bf1e2e" active-color="#bf1e2e" shadow-color="#fff" readonly ></vue-stars>
<vue-stars :value="1" hover-color="#bf1e2e" active-color="#bf1e2e" shadow-color="#fff" readonly ></vue-stars>
<vue-stars :value="3" hover-color="#bf1e2e" active-color="#bf1e2e" shadow-color="#fff" readonly ></vue-stars>

显示的结果是：

发布于 2020-11-23 12:44

共1个回答

游客AdtNgf

当使用多个组件时，需要指定唯一的name属性。

<vue-stars name="rating-1" :value="0" hover-color="#bf1e2e" active-color="#bf1e2e" shadow-color="#fff" readonly ></vue-stars>
<vue-stars name="rating-2"  :value="1" hover-color="#bf1e2e" active-color="#bf1e2e" shadow-color="#fff" readonly ></vue-stars>
<vue-stars name="rating-3"  :value="3" hover-color="#bf1e2e" active-color="#bf1e2e" shadow-color="#fff" readonly ></vue-stars>

发布于 2020-11-23 12:46

回答问题

675 阅读

1 回答

1 赞

【Vue Stars】 在同一个页面中使用多个`vue-stars`组件时，显示不对？

【Vue Stars】在同一个页面中使用多个`vue-stars`组件时，显示不对？