audio拉动el-slider改变audio播放音频的位置

要实现这个功能，你需要在Vue组件中使用`<el-slider>`元素来实现音频播放的进度条，并且在slider的`change`事件中更新音频的播放位置。

以下是一个简单的代码示例：

<template>
  <div>
    <audio ref="audio" :src="audioSrc"></audio>
    <el-slider v-model="audioPosition" :min="0" :max="audioDuration" @change="updateAudioPosition"></el-slider>
  </div>
</template>

<script>
export default {
  data() {
    return {
      audioSrc: 'your_audio_source_url',
      audioPosition: 0,
      audioDuration: 0
    }
  },
  mounted() {
    this.$refs.audio.addEventListener('loadedmetadata', () => {
      this.audioDuration = this.$refs.audio.duration
    })
  },
  methods: {
    updateAudioPosition() {
      this.$refs.audio.currentTime = this.audioPosition
    }
  }
}
</script>

在这个代码示例中，我们使用`<audio>`元素来加载音频文件，并且使用`<el-slider>`元素来实现进度条。我们使用`mounted`生命周期函数来监听音频文件的`loadedmetadata`事件，以获取音频文件的总长度。在slider的`change`事件中，我们通过`$refs`引用来获取`<audio>`元素，并且将当前的slider值设置为音频播放的位置。