随笔分类 -  VUE

vuecli2和vuecli3项目中添加网页标题图标
摘要：vuecli2中添加页面标题图标 1. 将favicon.ico放到项目文件夹根目录下; 2. build/ webpack.dev.conf.js, build/ webpack.prop.conf.js中配置: const HtmlWebpackPlugin = require('html-we 阅读全文
posted @ 2020-01-15 09:06 且醉 阅读(2829) 评论(1) 推荐(1)
从零构建vue项目(三)--vue常用插件
摘要：一、直接拉取的模板中,package.json如下: { "name": "vuecli2-test", "version": "1.0.0", "description": "A Vue.js project", "author": "xx <xxxx@qq.com>", "private": t 阅读全文
posted @ 2019-08-16 17:43 且醉 阅读(1189) 评论(0) 推荐(0)
从零构建vue项目(一)--搭建node环境,拉取项目模板
摘要：本文是基于vuecli2搭建的项目. 1. 下载安装nodejs 地址：https://nodejs.org/en/download/ 选择安装版windows .msi, 不要选择压缩版 下载完成后，下一步-->下一步-->安装完成 npm: node pageage mangemen node. 阅读全文
posted @ 2019-08-16 17:39 且醉 阅读(1666) 评论(0) 推荐(0)
基于weui loading插件封装
摘要：调用: 阅读全文
posted @ 2019-06-18 10:12 且醉 阅读(1883) 评论(0) 推荐(0)
从零构建vue项目(二)--vue-cli2项目结构解析
摘要：构建环境下的配置，执行”npm run build”的时候首先执行的是build/build.js文件，build.js主要完成下面几件事。 1. 进行node和npm的版本检查 2. 打包时产生loading动画 3. 删除目标文件夹 4. 输出打包信息 utils提供工具函数，包括生成处理各种样 阅读全文
posted @ 2019-04-29 16:37 且醉 阅读(1054) 评论(0) 推荐(0)
vue_全局注册过滤器
摘要：在一个项目中, 某些过滤器全局都有可能用的到, 统一管理并自动化全局注册是很方便的. 代码如下, 后续只需要在src/filters/index.js中添加方法就可以全局使用过滤器了. import Vue from 'vue' 阅读全文
posted @ 2019-04-29 11:18 且醉 阅读(1985) 评论(0) 推荐(0)
vue 组件复用不刷新
摘要：情景: 两个路由"/a", "/b"公用一个页面组件, 在"/a"路由中, 第一列是序号, 在"/b"路由中, 第一列是多选框. 问题: 以下代码在切换时, 从"/a"跳转到 "/b", 依旧显示是序号. 解决方法: 给两个组件各加一个不同的key 阅读全文
posted @ 2019-04-12 11:45 且醉 阅读(2773) 评论(0) 推荐(0)
js(下载)将二进制转化为文件格式
摘要：说明: 主要是进行下载才使用的. 根据接口设计, 常见的下载方式主要有两种: 1. get请求 2. post请求, 返回文件流, 需将其转化为文件. 在vue框架下的使用, 普通情况大同小异. 封装,可供全局使用: 调用: 发送请求时一定要设置responseType: 'blob', 否则转出的 阅读全文
posted @ 2019-02-27 10:34 且醉 阅读(11924) 评论(0) 推荐(1)
本地启用server
摘要：在开发测试过程中, 有时候需要本地打开已经打包的前端文件, 可以使用http-server. 我这里使用wepack+vue项目, 打开打包后dist文件. 1. 管理员身份全局安装: npm install http-server -g 2. 找到你的文件夹,在当前文件夹下打开命令行,输入http 阅读全文
posted @ 2018-12-07 15:23 且醉 阅读(575) 评论(0) 推荐(0)
Vue实现购物车小球动画
摘要：思路: 1.因页面分组件分的比较细,由图可知是组件5到组件4的联动. 如果利用组件间通信需要 子组件5 -->组件3-->所有组件的父组件-->组件4, 层级略显复杂,所以使用了vuex状态管理管理数据. 2.动画处理: 利用vue的 transition 标签来处理动画. 小球运动的轨迹是一条抛物 阅读全文
posted @ 2018-06-15 10:12 且醉 阅读(870) 评论(0) 推荐(0)
vue 2.0 使用replace时要点击路由多次才能返回
摘要：项目中有一个选择机场的需求,从表单页面 >机场页面(选择出发机场)-->表单页面-->机场页面(选择到达机场); 如果只用push跳转的话,页面返回必然会返回机场选择页面. 所以这里就使用了replace,但是重点是不仅仅机场页面跳转的时候用,在从表单页面跳转到机场页面时也用,机场页面选择完后rep 阅读全文
posted @ 2018-04-23 09:54 且醉 阅读(499) 评论(0) 推荐(0)
Vue技巧
摘要：转载:https://segmentfault.com/a/1190000014085613?utm_source=channel-hottest 对自己有用,做个笔记,有兴趣可以去以上地址去看. 第一招：化繁为简的Watchers 场景还原： 开发过程中我们每一次用到UI组件的时候,都得先impo 阅读全文
posted @ 2018-04-03 12:00 且醉 阅读(515) 评论(0) 推荐(1)
vue 父组件调用子组件方法
摘要：情景: 父组件中引入上传附件的子组件:点击组件可以分别上传对应要求的图片,子组件内部循环可创建多个模块. 父组件传入数组子组件循环来创建不同的组件模块,所有事件都在子组件内部. 父组件页面的上方同时有一个上传图片按钮上传图片后会显示在第一个模块: 设想思路:点击父组件中的按钮触发子组件中上传方法: 阅读全文
posted @ 2018-03-29 11:56 且醉 阅读(2358) 评论(0) 推荐(0)