uniapp如何获取下标

在uniapp中，可以通过v-for指令来循环遍历数组或对象，并且可以使用特殊变量$index来获取当前循环的下标。

例如，在template中使用v-for指令循环遍历数组，可以使用$index来获取当前循环的下标：

<template>
  <div>
    <ul>
      <li v-for="(item, index) in list" :key="index">
        {{ index }} - {{ item }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: ['apple', 'banana', 'orange']
    }
  }
}
</script>

在上面的例子中，我们使用了v-for指令循环遍历list数组，并且使用:index来获取当前循环的下标。在每个li标签中，我们显示了下标和对应的元素值。

相关问题

使用uniapp通过下标改变样式

可以使用v-for指令遍历数组，然后通过绑定class或style属性来改变样式。示例代码如下：

<template>
  <div>
    <div v-for="(item, index) in items" :key="index" :class="{ active: currentIndex === index }" @click="changeActive(index)">
      {{ item }}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: ['Item 1', 'Item 2', 'Item 3'],
      currentIndex: 0
    }
  },
  methods: {
    changeActive(index) {
      this.currentIndex = index
    }
  }
}
</script>

<style>
.active {
  background-color: red;
  color: white;
}
</style>

在上面的代码中，通过v-for指令遍历items数组，然后通过:class绑定属性来判断当前项是否为当前选中项。同时，在点击每个项的时候，通过@click事件调用changeActive方法来改变当前选中项的下标。样式方面，我们定义了.active类来改变选中项的背景色和字体颜色。

uniapp根据下标获取attrArr: [ { attr: '阳台', value: ["1阳台", "2阳台", "3阳台", "4阳台", "5阳台", ] } ],value里面对应的值如0就是1阳台，1就是2阳台

要根据下标获取值，可以这样写：

const index = 1; // 假设需要获取第二个值
const attr = '阳台'; // 假设需要获取的属性是“阳台”
const targetAttr = attrArr.find(item => item.attr === attr); // 找到对应属性的对象
const targetValue = targetAttr.value[index]; // 获取对应下标的值
console.log(targetValue); // 输出“2阳台”