uniapp ref

在uni-app中，ref是一个用于在模板中标识元素或组件的属性。它可以用来获取元素或组件的实例，以便在代码中进行操作。根据你提供的代码片段，可以看出你在使用v-for循环渲染一组视图，并给每个视图设置了一个ref属性。在点击事件处理函数中，你想要根据索引值来获取对应的ref元素，并修改其样式。

根据你的代码，你可以使用`this.$refs[`ref${index}`]`来获取对应索引的ref元素。这里的`this.$refs`是一个对象，可以通过键值对的方式来访问不同的ref元素。在这种情况下，你可以使用反引号（``）来动态生成ref的键值，以便根据索引来获取对应的ref元素。

以下是一个示例代码，演示了如何使用uni-app的ref属性：

<template>
  <view>
    <view v-for="(item, index) in product.skus" :key="index">
      <view :ref="`ref${index}`" class="skuStyle" @click="changeColor(index)"></view>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    changeColor(index) {
      this.$refs[`ref${index}`][0].$el.style.backgroundColor = 'red';
    }
  }
}
</script>

在上述代码中，我们使用了v-for循环来渲染一组视图，并给每个视图设置了一个ref属性。在点击事件处理函数`changeColor`中，我们根据索引值来获取对应的ref元素，并修改其背景颜色为红色。