VUE中如何获取video播放的时长

<script src="js/vue.js"></script>
<script src="js/element-ui.js"></script>
<div id="box" v-loading="loading" v-cloak>
<video src="video/20.mp4" id="video" loop muted width="100%" height="100%" autoplay="autoplay"></video>
</div>
<script>
   new Vue({
       el: "#box",
       data: {
           currentTime:0,
           loading:true
      },
       methods: {
           updateTime(e) {
               var _this = this;
               var nowTime=Math.floor( e.target.currentTime);
               console.log("当前播放的时间", nowTime);
               var duration = Math.floor(e.target.duration);
               console.log("总时长", duration);
          },
      }
  })
</script>