自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

star星辉的博客

不喜勿喷

  • 博客(16)
  • 收藏
  • 关注

原创 Vue3 Extraneous non-props attributes (id) were passed to component but could not be automatically

Vue3 Extraneous non-props attributes (id) were passed to component but could not be automatically 警告解决

2022-03-15 10:57:43 13671

原创 VUE项目内存溢出FATAL ERROR: Ineffective mark-compacts near heap limit

执行npm相关命令时,报错:FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory解决方法:1.安装两个依赖包npm i cross-env --savenpm i increase-memory-limit2.package.json添加以下脚本"fix-memory-limit": "cross-env LIMIT=8192

2022-02-19 14:23:11 1249

原创 vue cli3 环境变量配置,以及分环境打包配置

vue cli3环境变量配置相对于cli2来说相对简单环境变量模式官网上有介绍https://cli.vuejs.org/zh/guide/mode-and-env.html我是根据自己的项目总结出来简单几步一、环境变量配置1、新增文件在项目根目录下新增环境变量文件,我是配置了三个环境变量 .env.dev .env.test 和 .env.prod,可根据项目需要新增2、配置文件 (格式“键=值”)NODE_ENV- 会是"development"、"prod...

2020-11-16 17:59:28 499

原创 uniapp在H5端实现复制功能,封装方法

uniapp在H5端不支持剪切板,这里通过clipboard实现第一步:安装 npm iclipboard --save第二步:封装复制函数import Clipboard from 'clipboard'export function handleClipboard (text, event, onSuccess, onError) { event = event |...

2020-04-15 15:05:25 4717 3

原创 uniapp引入腾讯防水墙

目前只开发了H5端第一步在public/index.html的head中引入js文件<script src="https://ssl.captcha.qq.com/TCaptcha.js"></script>第二步在需要验证的页面生命周期mounted中写以下方法mounted() { let self = this this.captcha...

2020-03-30 14:18:39 1079 1

原创 vue使用iframe踩坑

需求:通过iframe写epub阅读器由于src需要加密,所以在src拼接的时候直接调用函数获取参数BUG:每次页面一动就会重新获取加载一次iframe,导致页面晃动解决方案:把方法值赋值给变量,在src拼接中直接使用变量,而不是直接使用函数获取心得:动态加载的数据,一般赋值给变量,而不要直接调取方法获取...

2020-01-08 20:27:17 1285

原创 uni-app使用腾讯地图的-地图选点组件

需求:在H5实现地图选点功能使用:腾讯地图的开放地图选点组件步骤:1、官方文档有详细介绍https://lbs.qq.com/tool/component-picker.html2、个人操作步骤:申请你的key 官方地址:https://lbs.qq.com/guides/startup.html 在index.html 设置<meta name="v...

2019-12-25 11:19:06 10095 11

原创 vue cli2、cli3编译(打包)后的chunk-vendors.js文件存在es6语法

刚踩过一个大坑,使用vue脚手架搭建的项目build后chunk-vendors.js文件一直存在es6语法,在即将崩溃的边缘想到了一个方法,完美解决,以下是解决步骤:1.vue打包是不会编译node_modules中的代码,如果代码中存在node_modules中的引用,build后就会直接合并代码,不会被babel解析。2.那么根源找到了,你要先找到node_modules中哪个包或者...

2019-11-07 17:07:52 10949

原创 vue对象中的对象改变触发视图更新

在vue中对象的改变不会触发视图的更新,深度监听对象可以用官方的方法watch: { obj: { handler(newVal, oldVal){ }, deep: true }} 在开发中obj里面如果再有对象,里面的数据发生改变是无法监听到的 如下: var obj...

2019-09-09 09:44:38 3472

原创 vue-cli3打包去掉console.log

通过npm包 terser-webpack-plugin 来实现第一步:安装npm install terser-webpack-plugin --save-dev第二步:配置 (vue.config.js)module.export = { configureWebpack: (config)=>{ if(process.env.NODE_ENV ===...

2019-08-29 10:00:58 7909 7

原创 解决input复选框和label不对齐的css样式

<input type="checkbox" >和label标签是默认不对齐的,在mac上还好,在windows上会出现明显错位如图: 解决方法:给input加上如下样式 (margin-bottom: 2px; 微调 )html部分:<input id="checkbox" type="checkbox"/><label&...

2019-08-29 09:39:38 899

原创 vue实现滚动加载更多功能---通过自定义指令(directives)

以下方法是通过directives局部自定义指令,实现页面中某一区域滚动到一定scrollTop值后加载更多(加载下一页)思路:在组件中注册一个局部自定义指令loadmore 监听div的滚动事件,在template需要实现加载更多的div绑定自定义指令,当达到一定的滚动高度后触发methods里面的方法,具体实现看以下代码template部分<template> &...

2019-08-14 17:56:43 836

原创 vue实现点击复制文本功能--Clipboard.js

vue实现点击复制指定区域的文字,推荐使用Clipboard.js,Clipboard.js是一个轻量级的插件,它不依懒于Flash和多余的框架。安装clipboard.jsnpm install clipboard --save引入clipboard.js,封装点击复制的方法封装函数代码import Vue from 'vue' import Clipboard from...

2019-07-29 13:48:06 519

原创 修改npm源为淘宝镜像以及使用cnpm

设置npm为淘宝镜像npm config set registry http://registry.npm.taobao.org/还原npm config set registry https://registry.npmjs.org/使用cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org...

2019-06-21 14:31:20 1103

原创 el-dialog父子组件传值,关闭el-dialog时报错的解决方法

**一、当el-dialog作为子组件使用,点击右上角的关闭按钮会出现如下报错**报错:[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed ...

2019-05-31 18:03:23 4014

原创 封装vue弹框组件--禁止body页面滚动的方法

代码:弹框显示时调用:let pre = function(e) { e.preventDefault()} document.body.style.overflow = '' document.removeEventListener('touchmove', pre, false)弹框隐藏时调用:let pre = function(e) { e.preventDefault...

2019-05-23 17:40:22 1742

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除