- 博客(16)
- 收藏
- 关注
RSS订阅原创 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
13711
原创 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
1275
原创 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
504
原创 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
4728
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
1088
1
原创 vue使用iframe踩坑
需求:通过iframe写epub阅读器由于src需要加密，所以在src拼接的时候直接调用函数获取参数BUG：每次页面一动就会重新获取加载一次iframe，导致页面晃动解决方案：把方法值赋值给变量，在src拼接中直接使用变量，而不是直接使用函数获取心得：动态加载的数据，一般赋值给变量，而不要直接调取方法获取...
2020-01-08 20:27:17
1286
原创 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
10132
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
10970
原创 vue对象中的对象改变触发视图更新
在vue中对象的改变不会触发视图的更新，深度监听对象可以用官方的方法watch: { obj: { handler(newVal, oldVal){ }, deep: true }} 在开发中obj里面如果再有对象，里面的数据发生改变是无法监听到的 如下： var obj...
2019-09-09 09:44:38
3474
原创 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
7912
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
906
原创 vue实现滚动加载更多功能---通过自定义指令（directives）
以下方法是通过directives局部自定义指令，实现页面中某一区域滚动到一定scrollTop值后加载更多（加载下一页）思路：在组件中注册一个局部自定义指令loadmore 监听div的滚动事件，在template需要实现加载更多的div绑定自定义指令，当达到一定的滚动高度后触发methods里面的方法，具体实现看以下代码template部分<template> &...
2019-08-14 17:56:43
848
原创 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
521
原创 修改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
1104
原创 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
4036
原创 封装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
1743
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人