<template>
|
<iframe :id="id" :src="url" frameborder="0" width="100%" height="800px" scrolling="auto"></iframe>
|
</template>
|
|
<script>
|
import Vue from 'vue'
|
import { ACCESS_TOKEN } from '@tievd/cube-block/lib/store/mutation-types'
|
|
export default {
|
name: 'IframePageContent',
|
inject: ['closeCurrent'],
|
data() {
|
return {
|
url: '',
|
id: ''
|
}
|
},
|
created() {
|
this.goUrl()
|
},
|
updated() {
|
this.goUrl()
|
},
|
watch: {
|
$route(to, from) {
|
this.goUrl()
|
}
|
},
|
methods: {
|
goUrl() {
|
let url = this.$route.meta.url
|
let id = this.$route.path
|
this.id = id
|
//url = "http://www.baidu.com"
|
console.log('------url------' + url)
|
if (url !== null && url !== undefined) {
|
//url支持通过 ${token}方式传递当前登录TOKEN
|
let tokenStr = '${token}'
|
if (url.indexOf(tokenStr) != -1) {
|
let token = Vue.ls.get(ACCESS_TOKEN)
|
this.url = url.replace(tokenStr, token)
|
} else {
|
this.url = url
|
}
|
/*update_begin author:wuxianquan date:20190908 for:判断打开方式，新窗口打开时this.$route.meta.internalOrExternal==true */
|
if (this.$route.meta.internalOrExternal != undefined && this.$route.meta.internalOrExternal == true) {
|
this.closeCurrent()
|
window.open(this.url)
|
}
|
/*update_end author:wuxianquan date:20190908 for:判断打开方式，新窗口打开时this.$route.meta.internalOrExternal==true */
|
}
|
}
|
}
|
}
|
</script>
|
|
<style></style>
|
