小程序在操作数据库之后,增删改查本地数据

128 阅读1分钟
    //页面
    <view wx:for="{{list}}" data-item="item" data-index="index"></view>
    
    //数据
    data:{
        list:[{title:"标题",content:"内容"}, ... ]
    }
    
    //增
    addone(){
        this.data.list.push({
            title:"标题",
            content:"内容"
        });
        this.setData({
            list:this.data.list
        })
    }
    
    //删
    delone(e){
        var index = e.target.dataset.index;
        this.data.list.splice(index,1);
        this.setData({
            list:this.data.list
        })
    }
    
    //改
    updateone(e){
        var item = e.target.dataset.item;
        var index = e.target.dataset.index;
        item.title = "我是新的标题";
        item.content = "我是新的内容";
        this.data.list.splice(index,1,item);
        this.setData({
            list:this.data.list
        })
    }
    
    //查
    getInit(e){
        var item = e.target.dataset.item;
        var index = e.target.dataset.index;
        // 如果只有id
        return this.data.list.filter(val=>val.id === item.id)[0];
        // 如果有index
        // return this.data.list[index]
        // 如果只有标题title,并模糊查找
        // return this.data.list.fllter(val=>val.title.indexOf(item.title) !== -1)
    }