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.js import { 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 --save main.js import 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.js import 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 评论
分享