34 lines
698 B
Vue
34 lines
698 B
Vue
<script setup>
|
|
const dialogVisible = ref(false);
|
|
const open = (row) => {
|
|
dialogVisible.value = true;
|
|
};
|
|
// console.log(dialogVisible.value);
|
|
defineProps({
|
|
title:String,
|
|
rowUrl:String
|
|
})
|
|
defineExpose({
|
|
open,
|
|
});
|
|
|
|
|
|
// console.log(props.rowUrl);
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<el-dialog v-model="dialogVisible" :title="title" width="500" >
|
|
<audio :src=rowUrl controls style="width: 100%;"></audio>
|
|
<template #footer>
|
|
<div class="dialog-footer">
|
|
|
|
<el-button type="primary" @click="dialogVisible = false">
|
|
关闭
|
|
</el-button>
|
|
</div>
|
|
</template>
|
|
</el-dialog>
|
|
</template>
|
|
|
|
<style></style> |