vue.js返回上一级操作

发布时间:2019-12-24 22:18:53 作者:tianxiang1314 阅读量:108

定义一个方法:<div @click="click" class="iconfont inco">&#xe629;</div>


采用:   this.$router.go(-1)  返回上一级

 methods: {

    click () {

      this.$router.go(-1)

    }

  }



<template>

  <div id="player">

    <div @click="click" class="iconfont inco">&#xe629;</div>

    <div class="videos">

        <video-list></video-list>

    </div>


    <div class="comment">

      请留下你的评论吧!

    </div>


  </div>

</template>


<script>

import videoList from '../first/components/videoList.vue'

export default {

  name: 'player',

  components: {

    videoList

  },

  methods: {

    click () {

      this.$router.go(-1)

    }

  }

}

</script>


<style lang="stylus" scoped>

#player

 width 100%

 height 100%

 position relative

 .videos

  width 100%

  height 100%

 .comment

  position absolute

  bottom .2rem

  left .3rem

  color #FFFFFF

  z-index 23

 .inco

  position absolute

  top .2rem

  left .3rem

  color #FFFFFF

  z-index 23


</style>




我要评论 登录后才能发布评论

推荐阅读

 2019-11-06 21:47:19   tianxiang1314

vue.js定义全局组件

 2019-12-24 22:18:53   tianxiang1314

vue.js返回上一级操作

 2019-12-22 10:03:19   tianxiang1314

Xshell拖拽文件到linux...

 2019-12-18 21:21:06   tianxiang1314

把数据保存到数据库附加表 `de...

 2019-12-14 10:49:37   tianxiang1314

JavaScript 实现九宫格...

 2019-12-10 21:04:30   tianxiang1314

vuex使用方式(实现非父子组件...

 2019-12-05 22:30:18   tianxiang1314

better-scroll滚动无...

胡晓飞笔记   我要留言
Catfish(鲶鱼) CMS V 4.9.63