如何在vue项目中使用lodop打印插件

如何在vue项目中使用lodop打印插件 - 简书

先写了个webdemo

<%--Created by IntelliJ IDEA.User: AdministratorDate: 2018/12/17Time: 13:49To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html><head><title>$Title$</title><%--<script type="text/javascript" src="../res/vankewebstyle/js/jquery-1.9.0.js"></script>--%><script language="javascript" src="lodop/LodopFuncs.js"></script><object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0><embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0 pluginspage="install_lodop.exe"></embed></object><script type="text/javascript">var LODOP; //声明为全局变量function printPreview(){//创建小票打印页CreatePrintPage();//打印预览LODOP.PREVIEW();}function printOrder() {//创建小票打印页CreatePrintPage();//开始打印LODOP.PRINT();};function CreatePrintPage() {var LODOP=getLodop();LODOP.PRINT_INIT("test");LODOP.SET_PRINT_PAGESIZE (1,'209mm','196mm',2);//设置纸张大小LODOP.SET_PRINT_MODE("PRINT_PAGE_PERCENT","Auto-Width");//设置页面缩放LODOP.ADD_PRINT_HTM(25,25,"100%","100%",document.getElementById("textarea01").value);//设置页面填充内容//LODOP.PRINT();LODOP.PREVIEW();}</script><body><embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0 pluginspage="../res/lodop/install_lodop32.exe"></embed><textarea rows="15"  cols="80" style="display: none;" id="textarea01">
<h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;青岛港国际物流有限公司</h2><h3>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;代理费用支出审批单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h3><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<strong> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;NO.1544670046087</strong></p><h3>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;申请日期：2018-03-14</h3><table border="1" cellspacing="0" style="width:698.8500pt"><tbody><tr><td colspan="2" style="height:24.9500pt; vertical-align:top; width:141.8000pt"><p>付款方式：&nbsp;</p></td><td colspan="5" style="height:24.9500pt; vertical-align:top; width:324.0500pt"><p>支票&nbsp;[&radic;]&nbsp;网付&nbsp;[ ]&nbsp;现金&nbsp;[ ]&nbsp;其他&nbsp;[ ]&nbsp;</p></td><td colspan="4" style="height:24.9500pt; vertical-align:top; width:233.0000pt"><p>申请人：&nbsp;</p></td></tr><tr><td colspan="2" style="height:25.5500pt; vertical-align:top; width:141.8000pt"><p>收款单位：&nbsp;</p></td><td colspan="5" style="height:25.5500pt; vertical-align:top; width:324.0500pt"><p>青岛尚世通报关公司</p></td><td colspan="4" style="height:25.5500pt; vertical-align:top; width:233.0000pt"><p>申请部门：矿石&nbsp;</p></td></tr><tr><td colspan="2" style="height:24.9500pt; vertical-align:top; width:141.8000pt"><p>开户行：&nbsp;</p></td><td colspan="5" style="height:24.9500pt; vertical-align:top; width:324.0500pt"><p>青岛银行崇明岛支行&nbsp;</p></td><td colspan="4" style="height:24.9500pt; vertical-align:top; width:233.0000pt"><p>结算审核：&nbsp;</p></td></tr><tr><td colspan="2" style="height:24.9500pt; vertical-align:top; width:141.8000pt"><p>账号&nbsp;</p></td><td colspan="5" style="height:24.9500pt; vertical-align:top; width:324.0500pt"><p>6226661584247</p></td><td colspan="4" style="height:24.9500pt; vertical-align:top; width:233.0000pt"><p>&nbsp;</p></td></tr><tr><td style="height:33.4000pt; vertical-align:top; width:84.9500pt"><p>客户名称&nbsp;</p></td><td style="height:33.4000pt; vertical-align:top; width:56.8500pt"><p>货种&nbsp;</p></td><td style="height:33.4000pt; vertical-align:top; width:56.8000pt"><p>船名&nbsp;</p></td><td style="height:33.4000pt; vertical-align:top; width:71.0500pt"><p>航次&nbsp;</p></td><td style="height:33.4000pt; vertical-align:top; width:78.1000pt"><p>提单号&nbsp;</p></td><td style="height:33.4000pt; vertical-align:top; width:99.4500pt"><p>箱型\箱量&nbsp;</p></td><td colspan="2" style="height:33.4000pt; vertical-align:top; width:92.3000pt"><p>费用项目&nbsp;</p></td><td style="height:33.4000pt; vertical-align:top; width:81.6500pt"><p>付款金额&nbsp;</p></td><td colspan="2" style="height:33.4000pt; vertical-align:top; width:77.7000pt"><p>备注&nbsp;</p></td></tr><tr><td style="height:24.9500pt; vertical-align:top; width:84.9500pt"><p>&nbsp;</p></td><td style="height:24.9500pt; vertical-align:top; width:56.8500pt"><p>&nbsp;</p></td><td style="height:24.9500pt; vertical-align:top; width:56.8000pt"><p>&nbsp;</p></td><td style="height:24.9500pt; vertical-align:top; width:71.0500pt"><p>&nbsp;</p></td><td style="height:24.9500pt; vertical-align:top; width:78.1000pt"><p>附明细&nbsp;</p></td><td style="height:24.9500pt; vertical-align:top; width:99.4500pt"><p>&nbsp;</p></td><td colspan="2" style="height:24.9500pt; vertical-align:top; width:92.3000pt"><p>单证费&nbsp;</p></td><td style="height:24.9500pt; vertical-align:top; width:81.6500pt"><p>50.00</p></td><td colspan="2" style="height:24.9500pt; vertical-align:top; width:77.7000pt"><p>&nbsp;</p></td></tr><tr><td style="height:12.7500pt; vertical-align:top; width:84.9500pt"><p>合计(￥/$)</p></td><td style="height:12.7500pt; vertical-align:top; width:56.8500pt"><p>&nbsp;</p></td><td style="height:12.7500pt; vertical-align:top; width:56.8000pt"><p>&nbsp;</p></td><td style="height:12.7500pt; vertical-align:top; width:71.0500pt"><p>&nbsp;</p></td><td style="height:12.7500pt; vertical-align:top; width:78.1000pt"><p>&nbsp;</p></td><td colspan="3" style="height:12.7500pt; vertical-align:top; width:191.7500pt"><p>&nbsp;</p></td><td colspan="2" style="height:12.7500pt; vertical-align:top; width:82.5500pt"><p>50.00</p></td><td style="height:12.7500pt; vertical-align:top; width:76.8000pt"><p>&nbsp;</p></td></tr><tr><td colspan="2" style="height:24.9500pt; vertical-align:top; width:141.8000pt"><p>大写&nbsp;(&nbsp;人民币&nbsp;/&nbsp;美金&nbsp;)</p></td><td colspan="9" style="height:24.9500pt; vertical-align:top; width:557.0500pt"><p>伍拾元整</p></td></tr></tbody>
</table><p>总经理：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;财务部经理：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;部门经理：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p><p>&nbsp;</p><h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;代理费用支出审批单明细</h2><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<strong> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;NO.1544670046087</strong></p><p>&nbsp;</p><table border="1" cellspacing="0" style="width:429.3500pt"><tbody><tr><td style="height:15.4500pt; vertical-align:top; width:45.4500pt"><p>客户名称&nbsp;</p></td><td style="height:15.4500pt; vertical-align:top; width:42.9000pt"><p>货种&nbsp;</p></td><td style="height:15.4500pt; vertical-align:top; width:42.9000pt"><p>船名&nbsp;</p></td><td style="height:15.4500pt; vertical-align:top; width:45.3000pt"><p>航次&nbsp;</p></td><td style="height:15.4500pt; vertical-align:top; width:74.7000pt"><p>提单号&nbsp;</p></td><td style="height:15.4500pt; vertical-align:top; width:45.7500pt"><p>箱型/箱量&nbsp;</p></td><td style="height:15.4500pt; vertical-align:top; width:42.9000pt"><p>费用项目&nbsp;</p></td><td style="height:15.4500pt; vertical-align:top; width:46.4000pt"><p>付款金额&nbsp;</p></td><td style="height:15.4500pt; vertical-align:top; width:42.9000pt"><p>备注&nbsp;</p></td></tr><tr><td style="height:16.2000pt; vertical-align:top; width:45.4500pt"><p>青岛光辉通达物流仓储公司&nbsp;</p></td><td style="height:16.2000pt; vertical-align:top; width:42.9000pt"><p>锰矿&nbsp;</p></td><td style="height:16.2000pt; vertical-align:top; width:42.9000pt"><p>asd&nbsp;</p></td><td style="height:16.2000pt; vertical-align:top; width:45.3000pt"><p>123</p></td><td style="height:16.2000pt; vertical-align:top; width:74.7000pt"><p>SHSGSSGS</p></td><td style="height:16.2000pt; vertical-align:top; width:45.7500pt"><p>&nbsp;</p></td><td style="height:16.2000pt; vertical-align:top; width:42.9000pt"><p>报关费&nbsp;</p></td><td style="height:16.2000pt; vertical-align:top; width:46.4000pt"><p>￥50.0</p></td><td style="height:16.2000pt; vertical-align:top; width:42.9000pt"><p>&nbsp;</p></td></tr><tr><td style="height:15.4500pt; vertical-align:top; width:45.4500pt"><p>合计(￥/$)</p></td><td colspan="7" style="height:15.4500pt; vertical-align:top; width:340.8500pt"><p>￥50.00</p></td><td style="height:15.4500pt; vertical-align:top; width:42.9000pt"><p>&nbsp;</p></td></tr><tr><td colspan="2" style="height:15.4500pt; vertical-align:top; width:88.3500pt"><p>大写(人民币/美金)</p></td><td colspan="7" style="height:15.4500pt; vertical-align:top; width:340.8500pt"><p>伍拾元整</p></td></tr></tbody>
</table><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 申请人：徐洋洋&nbsp;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 申请日期：2018-03-14</p><p>&nbsp;</p></textarea><input type="button" value="打印预览" onclick="printPreview()" /><!-- 控制打印按钮,自动打印可以直接执行printOrder--><input type="button" value="直接打印" onclick="printOrder()" /></body>
</html>

生成的word的html还未进行页面调整，而且还有一些变形，预览效果显示真的很差...就先这样吧。

如何在vue项目中使用lodop打印插件相关推荐

详解如何在vue项目中使用lodop打印插件,以及样式打印预览缺失的问题（底部）
C-Lodop是一个免费云服务程序,可接受来自其它平台浏览器的JavaScrip语句实现远程打印. 目前是各家软件公司进行手机或微信远程打印的流行解决方案. 和其它"云打印"概念相 ...
如何在vue项目中引入video.js插件
借鉴了不少文章,照着来净报错,恼了自己给自己留一篇绝不报错的! 参考文章:https://www.jianshu.com/p/8b8023c7ed37 一.安装 $ npm install video ...
如何在vue项目中修改less变量，多主题项目解决方案
如何在vue项目中修改less变量,多主题项目解决方案参考文章: (1)如何在vue项目中修改less变量,多主题项目解决方案 (2)https://www.cnblogs.com/niubilit ...
如何在vue项目中使用Highmaps(vue+Highmaps)
如何在vue项目中使用Highmaps 功能需求思路分析实现第一步:引入第二步:介绍一下这个world是个啥. 第三步:调用注意点(十分重要) 写在最后功能需求近日我接到了这么一个需求 ...
如何在vue项目中设置首页
如何在vue项目中设置首页 1.首先创建一个vue为后缀名的文件,最好在新建的文件夹下面创建,如下图所示: 说明:一般我们的主要页面代码都是写在vue 项目中的这个src文件夹下,项目中所会引用到的组 ...
如何在vue项目中系统的使用iconfont字体图标
如何在vue项目中系统的使用iconfont字体图标前言 iconfont的特色官网注册在项目中使用的方式前言今天聊一下前端iconfont的使用方式,前端的图标经过这些年的发展,变得更系统 ...
vux 显示 html,如何在vue项目中使用vux
编者:只需6步,教你如何在vue项目中使用vux, 1.在项目里安装vuxnpm install vux --save2.安装vux-loader (这个vux文档中没有明文跟你说要安装的啦) np ...
Vue项目中如何引入Toast插件
Vue项目中如何引入Toast插件安装vue2-toast: npm install vue2-toast -S 在main.js中全局导入vue2-toast import 'vue2-toast ...
如何在Vue项目中使用vw实现移动端适配(转)
有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种.在<使用Flexible实现手淘H5页面的终端适配>提出了Flexible的布局方案,随着viewport单位越来越 ...

如何在vue项目中使用lodop打印插件

如何在vue项目中使用lodop打印插件相关推荐

最新文章

热门文章