update iframe

qianlishi 3 years ago
parent 3cca5c3d4a
commit 6ec0faf3e9

@ -1,54 +1,60 @@
<template>
<iframe :style="styleColor" :src="styleColor.iframeAdress" width="100%" height="100%" />
<iframe
:style="styleColor"
:src="styleColor.iframeAdress"
width="100%"
height="100%"
/>
</template>
<script>
export default {
name: 'WidgetIframe',
name: "WidgetIframe",
components: {},
props: {
value: Object,
ispreview: Boolean,
ispreview: Boolean
},
data() {
return {
options: {},
}
options: {}
};
},
computed: {
transStyle() {
return this.objToOne(this.options)
return this.objToOne(this.options);
},
styleColor() {
return {
position: this.ispreview ? 'absolute' : 'static',
width: this.transStyle.width + 'px',
height: this.transStyle.height + 'px',
left: this.transStyle.left + 'px',
top: this.transStyle.top + 'px',
right: this.transStyle.right + 'px',
iframeAdress: this.transStyle.iframeAdress,
position: this.ispreview ? "absolute" : "static",
width: this.transStyle.width + "px",
height: this.transStyle.height + "px",
left: this.transStyle.left + "px",
top: this.transStyle.top + "px",
right: this.transStyle.right + "px",
iframeAdress: this.transStyle.iframeAdress
};
}
},
},
watch: {
value: {
handler(val) {
this.options = val
},
deep: true,
this.options = val;
},
deep: true
}
},
mounted() {
this.options = this.value
this.options = this.value;
},
methods: {},
}
methods: {}
};
</script>
<style scoped lang="scss">
iframe {
width: 100%;
height: 100%;
border: none;
}
</style>

Loading…
Cancel
Save