vue-print-nb 插件的坑

Question

在使用 vue-print-nb 插件的时候。封装v-print 组件 Printthecontract

在同一个.vue页面中俩个不同的组件 components1跟components2 调用同一个打印组件Printthecontract ，
在components1组件中打印内容正常，去components2的时候 打印内容无法更新

//同一个页面都调用这个打印组件的内容    数据循环都出来了  就是点击打印的时候打印预览里面的数据没有更新
    <el-button v-print="print_01">打印模板</el-button>
            
        <div :id="'print_' + item.id">
                        <CancellationForm ref="Cancellation"  :infoData="infoData" />
        </div>

打印预览里面的数据没有更新

怎么可以实时更新打印内容

Answer 1

假如组件有个方法专门刷新打印内容的，如refresh（printData）这么个方法，可以引用组件的界面这样子：this.$refs.Cancellation.refresh（XXX）来直接调用组件的方法，这种思维可以让组件完完全全控制在父级界面中