如何用vue通過for的循環(huán)下標(biāo)一次刪除多個(gè)數(shù)據(jù)

初學(xué)vue，嘗試制作一個(gè)tudolist的小工具，使用localStorage來緩存之前的記錄。
然后做了一個(gè)刪除已完成的功能，使用下標(biāo)來選擇被選中的數(shù)據(jù)。但是遇到一個(gè)問題，如果我在循環(huán)中判定被選中，然后根據(jù)下標(biāo)刪除。使用this.li.splice()方法時(shí)，每次刪除都會(huì)改變下標(biāo)，會(huì)導(dǎo)致多個(gè)刪除錯(cuò)誤。后來我使用另一個(gè)數(shù)組存儲(chǔ)被選中的數(shù)組，然后使用splice($inArray(i,this.li),1)這樣來實(shí)現(xiàn)，也發(fā)現(xiàn)一個(gè)致命問題，如果有相同的內(nèi)容，就無法準(zhǔn)確定位。最后使用了delete方法，先將值置空，然后在設(shè)置循環(huán)來刪除空值。
說了這么多我想問有沒有比較直接的方法來刪除被選中的元素，還有希望大家給我解答一個(gè)問題。如果說vue目的是使用數(shù)據(jù)來控制顯示，那么是否遇到類似的問題都需要遍歷來實(shí)現(xiàn)嗎？有沒有一種類似于jq可以選中this的方法。
下面貼下代碼

HTML部分代碼

<li v-for="(i,index) in li"
        class="list"
        :class="{'active':color[index]}">
        <div class="lists">
                <span>
                    {{i}}
                </span>
        </div>
        <div @click="check(index,i)" class="end">
                <span >
                    {{ms[index]?a:b}}
                </span>
        </div>
 </li>

## js部分代碼 ##
            

這是之前的想法，有這重復(fù)出錯(cuò)的錯(cuò)誤

            /* var val=[];
            for (var i in this.color){
                if (this.color[i]==true||this.color[i]=="true"){
                    console.log(i)
                    val.push(this.li[i])
                }
            }
            for (var i=0;i<val.length;i++){
                this.li.splice($.inArray(val[i],this.li),1);
                console.log(val[i])
            }
            this.color=[];
            localStorage.setItem("localname",this.li);
            localStorage.removeItem("localcolor");
            this.ms =[];
            this.s = []*/

這是更新以后應(yīng)該不會(huì)出錯(cuò)的代碼

            for (var i in this.color){
                if (this.color[i]==true||this.color[i]=="true"){
                    delete this.li[i]
                }
            }
            for (var i=0;i<this.li.length;i++){
                if (this.li[i]==''||this.li[i]==undefined){
                    this.li.splice(i, 1);
                    i-=1;
                    console.log(this.li)
                }
            }
            this.color=[];
            localStorage.setItem("localname",this.li);
            localStorage.removeItem("localcolor");
            this.ms =[];
            this.s = []*/