vue批量删除

**HTML**
<div :class="[fullwidth,'party-list']" v-for="(item,index) in partyLists" :key="index+Math.random()">
        <!--单选-->
        <div @click="checkSingle(item,item.newsId)" :checked="nIds.indexOf(item.newsId)>=0"
             :class="[{checked:item.makeChoose},'party-circle']" v-if="showScircle"></div>
        <div class="party-cont" @click="toPdetail(item.newsId)" >
          <span class="party-title">{{item.news.newsTitle}}</span>
          <span class="party-article">{{item.news.newsContent}}</span>
        </div>
      </div>
	<!--全选-->
       <div :class="[fullwidth,poabs,'mselect-bottom']" v-if="showBottom">
      <div class="check-all">
        <div @click="checkAll()" :class="[{checked:checkAllItem},'check-all-circle']"></div>
        <span>全选</span>
      </div>
      <button class="select-btn" @click="deleteProduct()">取消收藏</button>
    </div>
    **script**
``data
nIds:[]
**methods**
//选中单个
      checkSingle (item,newsID){
        if(this.checkSingle){
          if (typeof item.makeChoose == 'undefined') {
            Vue.set(item, 'makeChoose', true)
          } else {
            item.makeChoose = !item.makeChoose
          }
        }
        let idIndex = this.nIds.indexOf(newsID)
        if (idIndex >= 0) {//如果已经包含就去除
          this.nIds.splice(idIndex, 1)
        } else {//如果没有包含就添加
          this.nIds.push(newsID)
        }
//        console.log(this.nIds)
      },
      //选中所有的
      checkAll(){
        this.checkAllItem = !this.checkAllItem;
        var _this = this
        if(this.checkAllItem){
          this.partyLists.forEach(element => {
            if(typeof element.makeChoose=='undefined'){
              Vue.set(element, 'makeChoose',_this.checkAllItem) //让每一小项跟随checkall来变化
            }else{
              element.makeChoose=_this.checkAllItem
            }
          });
        }else{
          this.partyLists.forEach(element => {
            if(typeof element.makeChoose=='undefined'){
              Vue.set(element, 'makeChoose',_this.checkAllItem)
            }else{
              element.makeChoose=_this.checkAllItem
            }
          });
        }
        if (this.checkAllItem) {//全选时
              this.nIds = []
              this.partyLists.forEach(item => {
                this.nIds.push(item.newsId)
              })
            } else {
              this.nIds = []
        }
        console.log(this.nIds)
      }
      deleteProduct() {
        console.log('打印参数'+this.nIds)
        this.$api.post(
          '/api/web/entity/collectDel',
          {
            "content":{
              "newsIds":this.nIds,
            }
          },
          success => {
            console.log(success)
            console.log('获取取消收藏列表')
            this.getSelect()
          },
          error => {
            console.lgo(error)
          }
        )
      },
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值