步盒子 webAPP项目总结

使用插件：

滚动插件 v-infinite-scroll 

安装，例子，参数配置链接：https://segmentfault.com/a/1190000011693433 

场景：滚动到底部，加载数据

 

弹窗插件 Mint-UI 中的 TOAST

例子，参数配置链接：

https://blog.youkuaiyun.com/sxs7970/article/details/88875717

http://www.mamicode.com/info-detail-2184373.html

 

 点击消息 去除 该消息通知红点 

//index.vue        

goDetail(id){
   this.$store.commit('message/setIs_read', {listId:id, click_isRead:1} );
}


// message.js
 
setIs_read(state, data) {

//循环数组对象，匹配id，确定要获取的数组对象数据   
      state.list.forEach(item => {

        if (item.id == data.listId) {

         item.is_read = data.click_isRead

        }

      })

    }