VUE使用print.js进行局部打印

2021-02-08 13:18

阅读：643

标签：配置 com 文件 div ret cli 自己位置 method

首先再项目中的main.js中的引入print.js

https://wws.lanzous.com/iVVhadhkusd

import Print from ‘@/utils/print‘ //根据自己文件的位置配置地址

Vue.use(Print)

单页面局部打印

template>
　　div style="width:100%;" ref="printarea">
   　　img style="width:100%;" :src="imgPath"/>
　　div>
    el-button @click="printimg()">打印el-button>
template>
script>
    export default {
        data () {
            return {
                imgPath: ‘‘
            }
        },
        methods: {
            printimg () {
               this.$print(this.$refs.printarea) 
            }
        }
    } 
script>

VUE使用print.js进行局部打印

标签：配置 com 文件 div ret cli 自己位置 method

原文地址：https://www.cnblogs.com/MuYu-home/p/13071608.html

上一篇：asp.net mvc分区下载

下一篇：PHP中Action的三种实现方式,struts.xml配置的详细解释及其简单执行过程(四)

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：VUE使用print.js进行局部打印
文章链接：http://soscw.com/index.php/essay/52661.html

亲，登录后才可以留言！

VUE使用print.js进行局部打印

评论

热门文章

推荐文章

最新文章

置顶文章