|
|
@@ -7,13 +7,38 @@
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
export default {
|
|
|
- props: ['audioSrc', 'token', 'className'],
|
|
|
+ props: {
|
|
|
+ audioSrc: {
|
|
|
+ type: String,
|
|
|
+ default: '',
|
|
|
+ },
|
|
|
+ token: {
|
|
|
+ type: String,
|
|
|
+ default: '',
|
|
|
+ },
|
|
|
+ className: {
|
|
|
+ type: String,
|
|
|
+ default: '',
|
|
|
+ },
|
|
|
+ },
|
|
|
|
|
|
data: function () {
|
|
|
return {
|
|
|
'src': '',
|
|
|
};
|
|
|
},
|
|
|
+
|
|
|
+ watch: {
|
|
|
+ 'audioSrc': function (newValue, oldValue) {
|
|
|
+ if (newValue != oldValue) {
|
|
|
+ this.loadAudio(newValue);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+
|
|
|
+ mounted: function () {
|
|
|
+ this.loadAudio(this.audioSrc);
|
|
|
+ },
|
|
|
methods: {
|
|
|
loadAudio: function () {
|
|
|
let _self = this;
|
|
|
@@ -37,17 +62,5 @@ export default {
|
|
|
URL.revokeObjectURL(_self.src);
|
|
|
},
|
|
|
},
|
|
|
-
|
|
|
- watch: {
|
|
|
- 'audioSrc': function (newValue, oldValue) {
|
|
|
- if (newValue != oldValue) {
|
|
|
- this.loadAudio(newValue);
|
|
|
- }
|
|
|
- },
|
|
|
- },
|
|
|
-
|
|
|
- mounted: function () {
|
|
|
- this.loadAudio(this.audioSrc);
|
|
|
- },
|
|
|
};
|
|
|
</script>
|