![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
前端渡劫
不会写代码的胖子
展开
-
插件ESLint和Vetur冲突问题
解决分号、引号报错在设置setting.json中加入以下代码:"vetur.format.defaultFormatterOptions": { "prettier": { // Prettier option here "semi": false, "singleQuote": true, } }解决空格问题 space-b...原创 2020-01-02 17:56:29 · 3123 阅读 · 0 评论 -
基于vue封装toast插件
toast.vue部分:<template> <transition name="toast"> <div class="toast" v-show="show" :class="type"> <!-- <span class=""></span> --> <p>{{mes...原创 2019-12-12 15:22:11 · 363 阅读 · 0 评论 -
大型vue单页面项目优化总结
来源:https://www.cnblogs.com/wuyuchao/p/8483919.html1、打包文件中的app.js文件放入cdn,加快页面首次加载速度2、提取公共方法,减少js代码量3、提取公共组件,将统计分析的售前和售后,客户分配,客户管理,客服管理等页面的搜索条件模块化,减少了html代码量,减少了每个页面中都有的重复方法。4、vue-router路由全部改成懒加载...转载 2019-04-20 14:13:05 · 608 阅读 · 0 评论 -
Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mod
vue项目中引入mui scroll组件 报错:Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them原因:使用webpack打包,默认使用严...原创 2019-09-21 13:55:53 · 9313 阅读 · 0 评论 -
vue 引入mint-ui中的 Infinite scroll 实现上拉加载更多功能
1. main.js 中全局引入min-ui//全局导入mint-ui组件import MinUi from 'mint-ui'Vue.use(MinUi);或者按需导入import { InfiniteScroll } from 'mint-ui';Vue.use(InfiniteScroll);2. html部分<template> &...原创 2019-09-25 16:34:42 · 720 阅读 · 0 评论 -
vue-router 页面跳转及传参的几种方式
1. 标签形式路由跳转<router-link to="/home/goodsinfo"></router-link> 1.1 参数传递的两种方式<!-- 方式一 --><router-link :to="'/home/goodsinfo?参数名='+传递参数"></router-link><!-- 方式...原创 2019-09-26 10:27:13 · 996 阅读 · 0 评论