vue 中使用iframe并获得其dom

在vue组件中获取iframe的dom
在获取dom之前需要先确定iframe是否加载完成

<iframe id="displayPdfIframe" :src="pdfUrl" width="100%"   ref="pdfframe"></iframe>

$('#displayPdfIframe').on("load",function(){
    vm.iframeWin = vm.$refs.pdfframe.contentWindow
    console.log(vm.iframeWin)
})

当访问iframe的window时，需要区分当前组件的windows和iframe的windows，所以需要在windows前添加上诉代码中获取的vm.iframeWin

/*获取iframe中class为textLayer的div*/
this.textlayer = that.iframeWin.$('.textLayer')
/*获取鼠标在此iframe中的选中的文字*/
var selection_text = this.iframeWin.window.getSelection().toString();