vue2中使用window.print打印，input没有值的问题

引入jQuery，如果不引入jQuery后面的解决方法无法使用

npm install jquery --save-dev

在vue.config.js中配置

const webpack = require('webpack')

module.exports = {
    configureWebpack: {
        plugins: [
            new webpack.ProvidePlugin({
                $: 'jquery',
                jQuery: 'jquery',
                'window.jQuery': 'jquery'
            })
        ]
    }

};

打印代码和解决方法，重点看注释

 //打印方法
        printData() {
        //解决input输入框没有值的问题，需要引入jQuery
            const input = $('input');
            input.each(function() {
                $(this).attr('value', $(this).val());
            });
            //exportPdf为需要打印的div部分
            //获取到要打印的节点内容
            window.document.body.innerHTML = this.$refs.exportPdf.innerHTML;//把打印内容赋值给页面内容

            window.print();//调用打印方法
            window.location.reload();//打印之后页面重新加载
        },

exportPdf部分

 <div ref='exportPdf' class='home'>
 需要打印的内容
 <div>