当我点击播放的时候,输出一个值到控制台
时间: 2024-03-27 12:37:50 浏览: 14
你可以像下面这样给 m-audio 组件添加 @click 事件,然后在事件处理函数中输出一个值到控制台:
```
<el-table :data="musiclist" border stripe>
<el-table-column label="音乐ID" prop="id"></el-table-column>
<el-table-column label="音乐名称" prop="song"></el-table-column>
<el-table-column label="歌手" prop="singer"></el-table-column>
<el-table-column label="播放">
<template slot-scope="scope">
<m-audio :src="scope.row.src" @click="handleClick(scope.row)"></m-audio>
</template>
</el-table-column>
</el-table>
...
methods: {
handleClick(row) {
console.log('play music:', row.song);
}
}
```
在上面的代码中,我们给 m-audio 组件添加了 @click 事件,并将当前行的数据作为参数传入对应的事件处理函数 handleClick。在 handleClick 函数中,我们可以使用 row.song 来获取当前行对应的歌曲名称,然后将其输出到控制台中。