vue检测不到通过数组下标改变的值

 

---

Vue.set()

---

模糊查询

vue检测不到通过数组下标改变的值

v-for

<div id="box">

    <ul>

        /*

            <li v-for=" legiondata in datalist" @click="handleClick( )">

                {{ legiondata }}

            </li>

        */

         <li v-for="( legiondata , legionindex) in datalist" @click="handleClick(legionindex )" :class="currentIndex==legionindex ? 'active' : ' ' ">

              {{ legiondata }}

         </li>

    </ul>

    <div v-for="data in 10"> //仅仅遍历1-10的数字

        {{data}}

    </div>

     <div v-for="( legiondata , legionindex) in datalist" @click="handleClick(legionindex )" :key="legionindex">

              {{ legiondata }}

     </div>                             //赋key值

    

</div>

<script>

    var vm = new Vue({

        el:"#box",

        data:{

            datalist:["aaa","bbb"],

            currentIndex:0

        },

        methods:{

            handleClick:function( index ){

                console.log(index);

                this.currentIndex = index;

            }

        }

    })

</script>

---

---

---

模糊查询