vue
vue的学习工作
bokolin
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
使用vantUI的Uploade组件上传图片,后台获取base64码,如何在后台转换成文件并进行保存?
<van-uploader v-model="fileList" upload-text='正面照' :max-count="1" :after-read="afterRead"/> data() { return { fileList: [] } }fileList是数组,下面举例上传一个图片时fileList打印的值所以我们真正需要...原创 2019-06-29 13:11:44 · 9090 阅读 · 1 评论 -
Expected linebreaks to be 'CRLF' but found 'LF'
错误描述:Expected linebreaks to be 'CRLF' but found 'LF'不同的操作系统下,甚至是不同编辑器,不同工具处理过的文件可能都会导致换行符的改变。这是es-lint的line-break检查如何去掉项目根目录下有.eslintrc.js文件,在配置文件中修改rule配置项// off或0: 禁用规则'linebreak-style': 'off...原创 2019-06-27 20:24:43 · 1002 阅读 · 0 评论 -
vue-cli3如何测试本地接口
模拟情景:同时进行了前后端项目的开发。本地运行了koa2搭建的后端服务器 nodemon app.js 在3000接口本地运行了vue-cli3项目 npm run serve 在8080端口需要在前端项目获取到3000端口的接口服务在vue-cli3项目下新建vue.config.js,配置:module.exports = { devServer: { prox...原创 2019-06-28 17:58:48 · 1729 阅读 · 0 评论 -
vue请求封装方案
方案一 config/fetch.jsimport { baseUrl} from './env'// 封装一个请求函数export default async(url = '', data = {}, type = 'GET', method = 'fetch') => { type = type.toUpperCase(); url = baseUrl + url;...原创 2019-10-21 12:01:53 · 1714 阅读 · 0 评论 -
scrollBehavior利用缓存模式来实现回退记录
scrollBehavior作为?的一个参数,接收???三个参数vue-router实例 to, from, savedPosition在main.js文件下,注意routes是引入的router/index.js中的代码const router = new VueRouter({ routes, mode: routerMode, // 在严格模式下,无论何时发生了状态变更且不...原创 2019-10-21 10:47:57 · 374 阅读 · 0 评论 -
vue解决移动端300ms点击延迟
安装依赖库npm install fastclick --savemain.jsimport FastClick from 'fastclick'...// fastclick的库,它能规避移动设备上click事件的延迟响应if ('addEventListener' in document) { document.addEventListener('DOMContentLo...原创 2019-10-21 10:08:47 · 215 阅读 · 0 评论 -
vue的适配解决方案
!function (n) { var e = n.document, t = e.documentElement, i = 750, d = i / 100, o = "orientationchange" in n ? "orientationchange" : "resize", a = function () { var n = t.clientWi...原创 2019-10-21 00:13:32 · 459 阅读 · 0 评论 -
vue中如何使用路由
1.在?文件夹下新建index.js文件import Vue from 'vue'import Router from 'vue-router'import index from './../pages/index'import activity from './../pages/activity'import pay from './../pages/pay'Vue.use(Rout...原创 2019-10-21 23:41:12 · 193 阅读 · 0 评论 -
路由中meta自定义keepAlive属性决定哪些页面会被缓存,哪些不会缓存
router/router.jsimport App from '../App'const msite = r => require.ensure([], () => r(require('../page/msite/msite')), 'msite')const food = r => require.ensure([], () => r(require('../p...原创 2019-10-17 17:52:43 · 1545 阅读 · 0 评论 -
在vue中使用sass的mixin来简化样式代码,提高代码的复用率
第一步,安装sass依赖npm install sass-loader node-sass --save-dev第二步,通常在src/style文件夹下新建minxin.scss文件 //背景颜色,更换主题$bg_color:#25c9d0;//设置背景图片和大小@mixin bis($url) { background-image: url($url); background...原创 2019-10-17 16:26:14 · 701 阅读 · 0 评论 -
vue项目移动端初始化
修改meta标签<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">引入reset.css清除样式@charset "utf-8";html{background-color:#fff;c...原创 2019-06-27 19:41:48 · 364 阅读 · 0 评论 -
slot的使用
slot是占位在自定义组件中使用slot来占位,并且给slot标签name属性举例:子组件Child.vue有如下代码<div> <slot name='zhanwei'></slot></div>则父组件中使用<div> <Child> <div slot='zhanwei'>1...原创 2019-06-27 23:39:15 · 288 阅读 · 0 评论
分享