NTKO安装PDF控件，在vue项目中的使用

安装步骤

一、 官网下载PDFCreator转换器，位置：NTKO插件下载

二、点击下载的可执行文件PDFCreator-1_2_3_setup.exe文件，点击下一步等按需完成安装。

常见问题

一、安装后需要代码中需要引入该控件吗？

不需要。

二、使用该控件前需要注意什么？

使用AddDocTypePlugin方法在mounted方法里增加对该控件的支持接口。

三、安装了控件，注册了该控件的接口，为什么还是无法使用？IE报错：由于无法验证发布者，所以Windows已经阻止此软件。软件名为：ntkopdfdoc.cab。

设置IE浏览器取消未受信任的发布者内容：IE浏览器->设置->Internet选项->内容->未受信任的发布者->删除所有未受信任的发布者。刷新页面即可。

四、使用PublishAsPDFToURL方法在线保存word文档为PDF文档时，因为此方法为异步方法，如何接收它的处理事件？

1. 首先说一下页面基础使用：

<object id="TANGER_OCX" classid="clsid:XXX" width="100%" height="100%">
<param name="BorderStyle" value="1" />
<param name="TitlebarColor" value="42768" />
<param name="TitlebarTextColor" value="0" />
<param name="Caption" value="欢迎使用！" />
</object>

2. OK,当然了，方法名为AfterPublishAsPDFToURL。使用方法如下：

<script language="JScript" for="TANGER_OCX" event="AfterPublishAsPDFToURL(ret,code)">
alert(code);
alert(ret);
</script>

3. 但此时，在vue中该script标签中内容已经监听到但无法触发其activeX的改变。那如何操作呢？ 直接上代码(伪代码)：

<script>
created(){
	let ring = document.createElement(“script”)
	ring.setAttribute(“for”,”TANGER_OCX”)
	ring.event = “AfterPublishAsPDFToURL(ret,err)”
	ring.appendChild(document.createTextNode(“phoneListener.OnAfterPublishAsPDFToURL(ret,err)”))
	document.body.appendChild(ring)
},
mounted(){
	window.phoneListener = this
},
methods: {
	OnAfterPublishAsPDFToURL(ret,err) {
		console.log(ret)
		console.log(err)
	}
}
</script>

4. OK，解决。

解决记得点赞。欢迎留言。。。

来源：oschina

链接：https://my.oschina.net/yxmBetter/blog/4441694