下载依赖
npm install print-js --save
引入
import printJS from 'print-js'
<el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
<span slot="footer" class="dialog-footer">
<span>{{ form.address }}</span>
<span>{{ form.name }}</span>
<span>{{ form.password }}</span>
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="dialogVisible = false">确 定</el-button>
<el-button type="primary" @click="share(form)">复制</el-button>
<el-button type="primary"
@click="printFnc('https://inews.gtimg.com/om_bt/OGlQWfsaAoKkuCcMZ2o9IVEPqd-72DQy5EAN02XBHUwfYAA/641', 'jpeg')">打印</el-button>
</span>
</el-dialog>
printFnc方法传入两个参数,文件地址和文件类型
printFnc(url, filetype) {
let path = url
let type = ''
const acceptedFileTypes = ['png', 'jpeg', 'jpg', 'gif']
if (acceptedFileTypes.includes(filetype)) {
type = 'image'
} else {
type = filetype
}
printJS({
printable: path,
type: type,
// showModal: true,//开启加载modal
onErrorL: (err) => {
return this.$message({
type: "error",
message: '打印失败,请检查打印机设置或尝试保存文件!'
})
}
})
},