记录生成mock数据的一天
摘要：1、初始化Vue项目 2、安装mock-service-plugin npm i mock-service-plugin --save-dev 3、项目根目录下创建 mock 数据文件夹 mocks 如下图 4、mock-service-plugin 初始化配置 // vue.config.js c
阅读全文
posted @
2023-05-09 16:39
田坤坤
阅读(87)
推荐(0) 编辑
bat文件Vue批量打包
摘要：chcp 65001echo %cd% d:cd d:\A_Project\pt_data_commander_ui echo '当前路径：'%cd%echo '开始编译 运营平台'call npm run buildecho '运营平台 编译完成' cd ../pt_document_center
阅读全文
posted @
2023-04-27 10:32
田坤坤
阅读(122)
推荐(0) 编辑
Vue 封装自定义组件，通过npm install的方式安装使用
摘要：1、新创建一个空的项目，我创建了一个新的项目（common-package-ui） 2、在src下创建一个package文件夹用于存放自己的自定义组件，我创建了一个测试文件夹（test）,下面创建了一个test.vue文件，文件内容如下： 注意： 自己封装的组件里面一定要有name属性，为后期ins
阅读全文
posted @
2022-12-27 17:19
田坤坤
阅读(1412)
推荐(0) 编辑
vue tabs 代码切换tab
摘要：this.$refs.tabs.activeKey = 'name1'
阅读全文
posted @
2022-07-08 14:53
田坤坤
阅读(114)
推荐(0) 编辑
Vue 使用百度地图进行定位
摘要：前提：网站访问需要https 1、引用百度地图的js <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=rAyx5z"></script> 其中ak需要再百度上进行申请，请自行百度 2、代码 <tem
阅读全文
posted @
2021-12-17 17:14
田坤坤
阅读(2409)
推荐(0) 编辑
Vue集成vue-pdf进行pdf预览
摘要：1、安装vue-pdf npm install --save vue-pdf 2、前端示例代码如下 <template> <div class="pdf" v-show="fileType 'pdf'"> <sticky class-name="sub-navbar"> <Button @click
阅读全文
posted @
2021-11-08 15:22
田坤坤
阅读(1459)
推荐(0) 编辑
vue 使用@fullcalendar进行行程展示
摘要：1、安装@fullcalendar插件 npm install --save @fullcalendar/vue @fullcalendar/daygrid @fullcalendar/timegrid @fullcalendar/interaction 2、使用 <template> <FullC
阅读全文
posted @
2021-03-10 16:34
田坤坤
阅读(1739)
推荐(0) 编辑
记录一下Vue页面添加水印
摘要：1、加水印方法（，新建文件 watermark.js，将文件放到assets文件夹下） let watermark = {} let setWatermark = (str) => { let id = '1.23452384164.123412415' if (document.getElemen
阅读全文
posted @
2021-01-27 15:15
田坤坤
阅读(2384)
推荐(0) 编辑
前端框架VUE学习
摘要：http://aicoder.com/vue/preview/all.html
阅读全文
posted @
2017-12-14 16:45
田坤坤
阅读(90)
推荐(0) 编辑
