如何在Ionic Vue组件中使用非@ionic-native的Cordova插件

普通Cordova插件未做ES模块导出适配，因此直接通过import引入会提示找不到模块，不需要使用import方式引入，插件安装同步后会自动挂载到window全局对象的对应命名空间下。

前置操作 #

安装插件后必须执行同步命令，将插件配置同步到iOS/Android原生工程：

npm i --save cordova-plugin-prevent-screenshot-coffice
npx cap sync

每次新增、更新Cordova插件后都需要执行npx cap sync，否则原生层未集成插件会导致调用失败。

调用示例 #

以cordova-plugin-prevent-screenshot-coffice插件为例，插件对应的全局对象名为PreventScreenshot，内置enable()（开启禁止截屏）、disable()（关闭禁止截屏）两个方法：

选项式API写法 #

import { defineComponent } from 'vue'

export default defineComponent({
  mounted() {
    // 仅真机/模拟器运行时存在Cordova环境，加判断避免开发环境报错
    if (window.cordova && window.PreventScreenshot) {
      // 开启禁止截屏
      window.PreventScreenshot.enable()
    }
  }
})

组合式API（