Future曙光 2020-09-16 18:59 采纳率: 0%
浏览 3559
已采纳

vue-print-nb插件中,this.$print is not a function怎么解决?

如题,vue项目中引入了这个打印插件,但在js中调用相关方法中,一直报错,this.$print is not a function,求教怎么解决。图片说明

在main.js中引入也是正常的

import Print from 'vue-print-nb'
Vue.use(Print) // 注册

其他使用方式,像以下这种,都是可以正常打印的。但因为要在js中调一些设置,所以页面直接打印的话,不太方便。

<div id="printMe" >
      <p>打印内容</p>
</div>
<button v-print="'#printMer'">打印</button> 

求指教!

  • 写回答

4条回答 默认 最新

  • jingluan666 2020-09-16 22:26
    关注

    导入之后,加上

    Vue.prototype.$print = Print;
    

    贴图的那个print方法还是要写在methods中

    <style>
        @media print {
            .no-print {
                display: none;
            }
        }
    </style>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

悬赏问题

  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)
  • ¥15 Windows11, backspace, enter, space键失灵