vue-print-nb-jeecg取消按钮回调使用beforePrint报错
时间: 2023-07-21 15:34:03 浏览: 171
根据你的描述,我大致可以理解你的问题是在使用 vue-print-nb-jeecg 插件时,取消按钮的回调函数中使用了 beforePrint 方法,但是出现了错误。
可能原因是 beforePrint 方法需要接收一个参数,即 window 对象,所以在取消按钮的回调函数中使用 beforePrint 方法时,需要将 window 对象作为参数传递进去。具体代码如下:
```javascript
cancel() {
this.$refs.printProvider.beforePrint(window);
this.printModalVisible = false;
}
```
如果还有其他问题,请提供更多的信息和代码,以便我更好地帮助你解决问题。
相关问题
vue-print-nb-jeecg取消按钮回调
vue-print-nb-jeecg插件提供了一个“beforePrint”回调函数,当用户点击取消按钮或按下ESC键时,该回调函数会被调用。
使用方法如下:
1. 在Vue实例中定义“beforePrint”函数
```javascript
new Vue({
el: '#app',
methods: {
beforePrint() {
console.log('用户取消了打印操作')
}
}
})
```
2. 在“v-print”指令中传入回调函数名
```html
<template>
<div>
<button v-print="'#print', afterPrint, beforePrint">打印</button>
<div id="print">
<!-- 需要打印的内容 -->
</div>
</div>
</template>
```
在上面的示例中,当用户点击取消按钮或按下ESC键时,会调用Vue实例中的“beforePrint”函数。
注意:回调函数名不需要加括号。
以上就是vue-print-nb-jeecg的取消按钮回调使用方法,希望对你有帮助!
vue-print-nb-jeecg打印按钮回调
vue-print-nb-jeecg插件提供了一个“afterPrint”回调函数,当用户完成打印操作后,该回调函数会被调用。
使用方法如下:
1. 在Vue实例中定义“afterPrint”函数
```javascript
new Vue({
el: '#app',
methods: {
afterPrint() {
console.log('打印完成')
}
}
})
```
2. 在“v-print”指令中传入回调函数名
```html
<template>
<div>
<button v-print="'#print', afterPrint">打印</button>
<div id="print">
<!-- 需要打印的内容 -->
</div>
</div>
</template>
```
在上面的示例中,当用户完成打印操作后,会调用Vue实例中的“afterPrint”函数。
注意:回调函数名不需要加括号。
以上就是vue-print-nb-jeecg的打印按钮回调使用方法,希望对你有帮助!
阅读全文