vue3.0 表格音频

张张524

于 2022-06-16 17:01:41 发布

阅读量380

点赞数

文章标签：音视频 elementui vue.js

本文链接：https://blog.csdn.net/sinat_42501006/article/details/125319246

版权

本文介绍了如何在Vue3.0项目中，利用ElementUI组件库，实现一个包含音频播放功能的数据表格。通过表格展示音频信息，并集成播放控制，为用户提供直观的音频预览体验。

摘要由CSDN通过智能技术生成

 <el-table-column prop="Record" label="现场录音" align="center">
          <template #default="scope">
            <i
              style="
                cursor: pointer;
                margin-right: 10px;
                margin-top: 3px;
                font-size: 25px;
              "
              v-if="scope.row.Record"
              @click="play(scope.$index, scope.row)"
              :class="
                icon == scope.row.Record
                  ? 'el-icon-video-pause'
                  : 'el-icon-video-play'
              "
              :style="icon == scope.row.Record ? 'color: #44D7B6;' : ''"
            >
              <au