mirror of
https://github.com/cool-team-official/cool-admin-vue.git
synced 2024-11-01 22:20:27 +08:00
44 lines
620 B
Vue
44 lines
620 B
Vue
|
<template>
|
||
|
|
<div class="page-iframe" v-loading="loading" element-loading-text="拼命加载中">
|
||
|
|
<iframe :src="url" frameborder="0"></iframe>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
loading: false,
|
||
|
|
url: ""
|
||
|
|
};
|
||
|
|
},
|
||
|
|
|
||
|
|
watch: {
|
||
|
|
$route: {
|
||
|
|
handler({ meta }) {
|
||
|
|
this.url = meta.iframeUrl;
|
||
|
|
},
|
||
|
|
immediate: true
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
mounted() {
|
||
|
|
const iframe = this.$el.querySelector("iframe");
|
||
|
|
this.loading = true;
|
||
|
|
|
||
|
|
iframe.onload = () => {
|
||
|
|
this.loading = false;
|
||
|
|
};
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.page-iframe {
|
||
|
|
iframe {
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|