關於怎樣處理vue中v-for迴圈時對迴圈內容中單獨的一項的事件處理有如下方案：

（1）獲取v-for迴圈內容中的下標值（val為navContent中的內容，index為下標）

        <p v-for="(val,index) in navContent" class="nav">
           {{val}} --{{index}}

    <i class="el-icon-arrow-right right"></i>

 </p>

        data () {
        return {
    navContent:[
    "紅色",
    "藍色",
    "綠色",
    "白色",
    "黑色",
    "紫色"
        ]
    }

（2）事件處理函式的傳參（引數即為下標值）

        核心部分：@click="change(index)"

       完整程式碼：

      <p v-for="(val,index) in navContent" class="nav" @click="change(index)">
             {{val}} --{{index}}

    <i class="el-icon-arrow-right right"></i>

 </p>

（3）處理點選操作的事件

        methods: {
   change(index) {
               //具體處理的方法
   alert(index);
   }
  }