Loading

随笔分类 -  Vue

摘要:一、项目启动 npm run dev 启动前提: 1、已二次编译serialport 2、在webpack中添加:{serialport: 'serialport'} externals: [ ...... { serialport: 'serialport' } ], 正常启动: 二、项目打包 我 阅读全文
posted @ 2020-05-07 11:27 小飞猪咯咯 阅读(1600) 评论(0) 推荐(0)
摘要:参考: https://serialport.io/docs/guide-usage https://blog.csdn.net/chen_soldier/article/details/86848318 https://www.jianshu.com/p/65e2afa199f9 https:// 阅读全文
posted @ 2020-05-07 10:36 小飞猪咯咯 阅读(4969) 评论(2) 推荐(0)
摘要:参考: https://blog.csdn.net/qq_25430563/article/details/87968837 https://blog.csdn.net/weixin_36250061/article/details/103472978 https://github.com/seri 阅读全文
posted @ 2020-04-15 23:32 小飞猪咯咯 阅读(5917) 评论(1) 推荐(0)
摘要:参考:https://blog.csdn.net/WYA1993/article/details/88550893 效果图: 点击前: 点击后: 上代码: 原理:通过判断下一行的属性值type从而动态控制图标的切换,因为如果展开,下一行的type则为2,通过判断type从而判断当前行是否展开,进而切 阅读全文
posted @ 2020-03-19 18:33 小飞猪咯咯 阅读(3146) 评论(0) 推荐(0)
摘要:参考: https://segmentfault.com/a/1190000021388082 https://blog.csdn.net/qq_34867424/article/details/102719581 配置axios拦截器: const request = axios.create({ 阅读全文
posted @ 2020-03-19 16:28 小飞猪咯咯 阅读(1664) 评论(0) 推荐(0)
摘要:转载:https://juejin.im/post/5c1370365188250f73759a79作者:Zero游戏人生来源:掘金 子组件调用父组件的方法: 1、$emit 2、$parent 3、prop 4、vuex(dispatch: actions => commit:mutations) 阅读全文
posted @ 2020-03-11 09:47 小飞猪咯咯 阅读(398) 评论(0) 推荐(0)
摘要:转载:https://www.cnblogs.com/crazycode2/p/7636082.html mapGetters 工具函数会将 store 中的 getter 映射到局部计算属性中。它的功能和 mapState 非常类似,我们来直接看它的实现: export function mapG 阅读全文
posted @ 2020-03-11 09:19 小飞猪咯咯 阅读(3419) 评论(0) 推荐(0)
摘要:参考: https://www.jianshu.com/p/304c665478b8 https://biigpongsatorn.github.io/#/vue-element-loading 1、安装 npm install vue-element-loading --save 2、使用vuex 阅读全文
posted @ 2020-02-15 10:42 小飞猪咯咯 阅读(8048) 评论(0) 推荐(0)
摘要:参考:https://github.com/mgbq/nx-admin 复制以下html内容到项目的index.html中即可: <style> html, body, #app { height: 100%; margin: 0px; padding: 0px; } .chromeframe { 阅读全文
posted @ 2020-02-15 10:30 小飞猪咯咯 阅读(1271) 评论(0) 推荐(1)
摘要:参考:https://segmentfault.com/a/1190000012728854 1、index.html中引入semantic-ui的js <script src="https://cdn.jsdelivr.net/npm/semantic-ui-vue@0.10.1/dist/com 阅读全文
posted @ 2020-02-15 10:17 小飞猪咯咯 阅读(1002) 评论(0) 推荐(0)
摘要:vue代码(使用element-ui): 思路:依次遍历fileList数组,将其中的每个图片文件提取出,再加入到formdata中,因为是多文件上传,后端以文件数组的形式接受, 因此每次合并到formdata的key值都为同一值。 uploadImg() { let imgfile = new F 阅读全文
posted @ 2020-02-06 10:04 小飞猪咯咯 阅读(6924) 评论(0) 推荐(2)
摘要:转载:https://www.cnblogs.com/xiaochongchong/p/8127282.html <template> <el-table :data="tableData5" style="width: 100%" row-key="id" :expand-row-keys="ex 阅读全文
posted @ 2019-12-03 19:32 小飞猪咯咯 阅读(1698) 评论(0) 推荐(0)
摘要:绑定的事件: :before-close="handleDialogClose" html: <!-- 新增、编辑弹窗 --> <el-dialog :close-on-click-modal="false" :before-close="handleDialogClose" // 绑定回调的方法 阅读全文
posted @ 2019-12-03 14:38 小飞猪咯咯 阅读(6655) 评论(0) 推荐(0)
摘要:参考: https://www.zhangshengrong.com/p/O3aA7x5X4E/ 一、在public/index.html中引入cdn <script src="https://unpkg.com/vue-baidu-map"></script> 二、插件的引入 ak 是在百度地图开 阅读全文
posted @ 2019-12-01 14:42 小飞猪咯咯 阅读(1831) 评论(0) 推荐(0)
摘要:去掉console.log,以及开启gzip const CompressionPlugin = require('compression-webpack-plugin');//引入gzip压缩插件 configureWebpack: (config) => { if (process.env.NO 阅读全文
posted @ 2019-12-01 13:26 小飞猪咯咯 阅读(1616) 评论(0) 推荐(0)
摘要:参考: https://www.cnblogs.com/qwert1/p/8909455.html https://blog.csdn.net/qq_42984640/article/details/89923797 https://blog.csdn.net/qq_42394457/article 阅读全文
posted @ 2019-11-22 14:30 小飞猪咯咯 阅读(1772) 评论(0) 推荐(0)
摘要:参考: https://www.cnblogs.com/wy120/p/10179901.html https://blog.csdn.net/sinat_36146776/article/details/89918302 我的习惯是,分离js和css,html写在vue文件中 js: // -- 阅读全文
posted @ 2019-11-19 13:59 小飞猪咯咯 阅读(467) 评论(0) 推荐(0)
摘要:参考; https://github.com/PanJiaChen/vue-element-admin/blob/master/src/views/table/dynamic-table/components/FixedThead.vue 一、制作下拉多选框 <el-dropdown :hide-o 阅读全文
posted @ 2019-11-18 22:01 小飞猪咯咯 阅读(4504) 评论(0) 推荐(0)
摘要:参考: https://element.eleme.cn/#/zh-CN/component/dropdown <el-row> <el-button-group style="margin-bottom:20px"> <el-button size="small" type="primary" i 阅读全文
posted @ 2019-11-18 20:35 小飞猪咯咯 阅读(12851) 评论(0) 推荐(0)
摘要:一、编写一个配置类,并且注册CorsFilter: 注意允许跨域的域名不要写错 @Configuration public class ZysuyuanCorsConfiguration { @Bean public CorsFilter corsFilter() { // 初始化cors配置对象 阅读全文
posted @ 2019-11-17 16:55 小飞猪咯咯 阅读(965) 评论(0) 推荐(0)