Not working with Vue component about x-frame-bypass HOT 5 OPEN

Same problem in my vue app. I've installed the library using vue ui and imported it in my vue app main.js entry point but with no success

from x-frame-bypass.

@ultrageek try this vue directive I've made to make the library work in vue.

from x-frame-bypass.

Nice, thanks! I ended up tossing xframebypass and used Vue's @click on text to load my iframe with the necessary URL. This is only a hack, but the URLs I need don't seem to have a cross-domain issue.

from x-frame-bypass.

Nice, thanks! I ended up tossing xframebypass and used Vue's @click on text to load my iframe with the necessary URL. This is only a hack, but the URLs I need don't seem to have a cross-domain issue.

You are welcome! Feel free to download and use it in your projects

from x-frame-bypass.

<template> <div v-html="iframeHtml" :class="[ iframeBoxClass]"> </div> </template>

`<script>
import './[email protected]'
import './x-frame-bypass.js'

export default {
data() {
return {
iframeHtml: '',
src: '', //iframe src
iframeClass: '', //ifame css
iframeBoxClass: '' //iframe box css
}
},
mounted(){
this.initBypass()
},
methods: {
// 初始化Bypass
initBypass() {
const {src, iframeClass} = this
this.iframeHtml = <iframe frameborder="0" src="${src}" class="${iframeClass || ''}" is="x-frame-bypass"> </iframe>

	}
}

}
</script>`

from x-frame-bypass.