【小程序】点击隐藏/取消隐藏

【小程序】点击隐藏/取消隐藏

实现思路：调用后端的修改接口，需要获取修改的数据ID，并且确定是否隐藏的字段，对隐藏字段进行三目运算。

实现代码及图片：

//点击隐藏，再次点击取消隐藏
            sethide(i) {

                //调用隐藏的接口
                this.$u.post("/app/article/articleUpdate", { 
                    articleId: i.articleId,//获取当条数据的ID
                    articleStatus: i.articleStatus == 1 ? 2 : 1 // 三目运算，判断
                }).then(res => {
                    this.pageNum = 1
                    this.getmyissue()//更改完成之后，调用渲染列表的接口，刷新页面
                })
            }

页面上：

<view class="icon-item" @click.stop='sethide(n)' v-if='n.articleStatus==1'>
   <u-icon name='eye' size='30' color='#AEAEAE' /><span>隐藏</span>
   </view>
 <view class="icon-item" @click.stop='sethide(n)' v-if='n.articleStatus==2'>
       <u-icon name='eye-off' size='30' color='#AEAEAE' /><span>已隐藏</span>
  </view>