javascript - 如何使用vue.js實作刪除和撤銷刪除的功能?
phpcn_u1582
phpcn_u1582 2017-05-19 10:12:38
0
2
728

如何使用VUE實作刪除和撤銷刪除的功能?

  <p id="one">
     <p>
         <span>1</span>
         <span>这是一条信息</span>
         <span style="color: red">删除</span>

     </p>
     <p>
         <span>2</span>
         <span>这是一条信息</span>
         <span style="color: red">删除</span>

     </p>
 </p>
 <p id="two">
     <p>
         <span>2</span>
         <span>这是一条信息</span>
         <span style="color: green">撤销删除</span>

     </p>
 </p>
 

最後透過點選按鈕,取得到已經刪除的資訊和沒有被刪除的資訊。

phpcn_u1582
phpcn_u1582

全部回覆(2)
仅有的幸福

產生資訊的時候加上ID用ID取得對應資訊

我想大声告诉你

刪除的時候把 將要刪除的值 push 到 某個數組 delList

撤銷的時候把 上次刪除的值 pop 出來

function TM(arr){
    this.arr = arr; 
    this.delArr = [];     

    this.remove = (val) => {
        this.arr = this.arr.filter(e => e !== val); 
        this.delArr.push(val); 
    }

    this.back = () => {
        var val = this.delArr.pop(); 
        this.arr.push(val); 
        return val; 
    }
}

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!