根据不同的消息类型,执行不同的函数跳转到不同的页面

最新推荐文章于 2020-12-29 04:42:46 发布

weixin_45115895

最新推荐文章于 2020-12-29 04:42:46 发布

阅读量268

点赞数

文章标签： vue.js javascript html5 node.js es6

本文链接：https://blog.csdn.net/weixin_45115895/article/details/108360668

版权

根据不同的消息类型,执行不同的函数跳转到不同的页面

项目有需求,拿到一个消息列表后根据不同的消息类型跳转到不同的页面

<div class="newsItem" v-for="(item,index) in list" :key="index"  @click="hanldertype(item)">
xxxx渲染过程就省略了xxx
</div>

// 根据不同的消息类型,执行不同的函数跳转到不同的页面
hanldertype(item){   // 如果直接传typeId的话,拿到的type是字符串的类型,判断case时要加上引号,否则不生效,通过item拿到的是number类型
// 具体的写法看个人情况就好
  // console.log(item)
  switch(item.msgType){
    case 0:
    case 1:
    case 2:
    case 3:this.toNewsDetail(item);
    break;
    case 4:this.toLocation(item);
    break;
  }
},
toLocation(item){
  console.log("跳转到定位页面",item)
  this.$router.push({
    path:"/location"
  })
},
toNewsDetail(item){
  console.log("跳转到消息详情页面",item)
  this.$router.push({
    path:"/newsDetail",
    query:{
      newsDetail:item
    }
  })
},