qq_44056074
Future曙光
采纳率50%
2020-09-16 18:59

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 jingluan666 8月前

    导入之后,加上

    Vue.prototype.$print = Print;
    

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

    <style>
        @media print {
            .no-print {
                display: none;
            }
        }
    </style>
    
    点赞 1 评论 复制链接分享
  • caozhy 从今以后生命中的每一秒都属于我爱的人 8月前

    你的完整代码怎么写的,方法要写在 methods: 中。

    点赞 3 评论 复制链接分享
  • weixin_40189222 weixin_40189222 1月前

    解决方案:在旁边把真实的按钮隐藏,js调用的时候模拟点击真实按钮

    <button v-print="printObj" id="trueBtn" style="display: none">
        调用系统打印
    </button>
    document.getElementById("trueBtn").click();
    点赞 评论 复制链接分享
  • qq_37751606 qq_37751606 2月前

    不行诶 都加了

    点赞 评论 复制链接分享

相关推荐