微信小程序，星星评分，如何修改数组的值，函数传参

常安cc

于 2021-08-10 11:45:24 发布

阅读量836

点赞数

分类专栏：微信小程序前端文章标签：小程序

本文链接：https://blog.csdn.net/m0_55546349/article/details/119564815

版权

本文介绍了微信小程序中遇到的星星评分组件问题，包括如何修改数组中不同评分的值，以及如何在点击事件中传递当前数组下标。通过示例代码展示了正确修改数组元素的方法，解决了在循环中独立操作每组评分的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信小程序——如何修改数组的值

效果图
在这里插入图片描述

1、循环出来的三组评分，刚开始的时候不管点哪一组剩下两组都一起动，因为刚开始只写了一个value，想分别点击评分就在数组里面分别加value。

 <!-- 星星 -->
<van-rate value="{
    { list[index].value }}" 
size="{
    {30 }}" color="#fd5b04" void-icon="star"void-color="#eee"  gutter="{
    { 6 }}"
class="vant_rate" bind:change="onChange" data-index="{
    {index}}"/>

  data: {
   
 	// value:3,
    list:[{
   index:0,title:"短驳司机：", name:"张三丰", value:"",standard:""},
	    {
   index:1, title:"站点服务：",name:"北京西站", value:"",standard:""},
	    {
    index:2, title:"物流服务：", name:"", value:"",standard:""},]
  },

2、如何获取当前数组的下标？——也就是想在函数里面直接传参：

bindtap="getindex(index)"

getindex:function(event){
   
      console.log(index)
},

这样呢是不行的额，，，，，，
在这里插入图片描述
解决方法：
必须加data-xxx属性：

 <!-- 星星 -->
<van-rate value="{
    { list[index].value }}

最低0.47元/天解锁文章