Vue.js中，audio不显示时长

获取的音频文件没有时间，当点击播放的那个三角按钮才会显示，解决如下:

           <audio
              v-if="scope.row.Recording"
              class="recording-audio"
              :src="scope.row.Recording"
              type="audio/wav"
              controls
              preload="meta" //看这个属性是否设置为none
            >
              您的浏览器不支持 audio 元素。
            </audio>

一般情况下音频的时长是自动会获取的，不需要额外去计算。

audio的属性和方法有很多的，如果不能帮助到您可以参考文档：HTML DOM Audio 对象 | 菜鸟教程

这里针对这个问题重点说一下preload属性的三个值，希望对您有所帮助

值	描述
auto	指示一旦页面加载，则开始加载音频。
metadata	指示当页面加载后仅加载音频的元数据。
none	指示页面加载后不应加载音频。