vuejs列表渲染属性= index？

Question

我正在尝试呈现一份学生名单

  <div v-for="(item , index) in students" nrow='index' :key="item.name" class="row textsh">
                    <div class="presente-assente nascosto">
                      <label onclick="confirm(this,'ssj1')" class="textsh prvb" for=""><i class="fas fa-check"></i></label>
                      <label onclick="confirm(this,'ssj2')" class="textsh assvb" for=""><i class="fas fa-times"></i></label>
                    </div>
                    <span  class="numbstudent">{{index+1}}</span>
                    <span onclick="sel_row(this)" class="namestudent">{{item.name}}</span>      
                  </div> 

有没有办法说属性"nrow“应该是for中的当前索引？

Answer 1

将v-移动到更高的级别怎么样，就像这样：

<div v-for="(item , index) in students">
  <div  nrow='index' :key="item.name" class="row textsh">
  <div class="presente-assente nascosto">
    <label onclick="confirm(this,'ssj1')" class="textsh prvb" for=""><i class="fas fa-check"></i></label>
    <label onclick="confirm(this,'ssj2')" class="textsh assvb" for=""><i class="fas fa-times"></i></label>
  </div>
  <span  class="numbstudent">{{index+1}}</span>
  <span onclick="sel_row(this)" class="namestudent">{{item.name}}</span>
  </div>
</div>