灵小光_-CSDN博客

原创 vue用watch监听对象之后，调用方法执行多次的问题

问题描述：用watch监听的过程中发现，如果监听的是一个对象或者一个数组，会导致多次调用watch里面的方法，如下接口调用了两次，浪费资源。以上方法可以解决watch监听导致多次调用的问题。大家如果有好的方法也可以留言，互相学习，嘻嘻☺。

2023-08-09 20:40:44 3958 1

原创 vue $bus使用indexOf()时，方法多次调用的问题

在项目中，利用Bus监听字符串，使用indexof()时，发现多次打印，如图if (item.indexOf('.') !== -1) { // item的值格式为option.文字.文字或者是 option.wenzi var array = item.split('.') console.log(item)}控制台打印结果，打印多次解决方法：①使用正则const reg = RegExp(/./)if (reg.test(item)) {

2022-04-25 16:43:36 523

原创 vue中下载多个版本的echarts

这两天在使用echarts的时候遇到了问题，记录一下。问题描述：echarts中的世界地图和词云，应用的是不同版本的echarts，世界地图用到的版本是4.2.1,词云是5.3.0。这种情况下，就需要安装多个echarts版本。解决方案：npm install echarts5@npm:echarts@4.2但是需要注意的是，本地的npm版本必须是6.9.0以上，否则会执行上面的命令会报错。下载完成之后，在package.json中会出现一下的内容，说明安装成功。成功之后在需要

2022-03-01 14:35:30 1608

原创图片资源访问报403

今天遇到一个问题，就是访问链接图片报403的错误，如图failed to load resource: the server responded with a status of 403()出现的原因：在请求别的浏览器的时候把自己的请求头的referrer信息给带过去了，所以被拦截了。解决方案：vue项目里在index.html添加<meta name="referrer" content="no-referrer" />注：referrer是当一个用户点击.

2022-01-21 14:51:50 1706

原创 vue checkbox值不刷新

checkbox在更新时，控制台打印值是变了，但是页面上没有更新状态，这种情况下可以使用this.$forceUpdate()强制刷新页面，让checkbox改变状态

2021-12-24 10:49:26 1539

原创 vue父组件多次调用同一个echarts组件，只渲染一个echarts组件的问题

问题：一个业务场景，就是一个父组件之间多次调用同一个echarts组件，这样就会产生id同样的问题，导致只能渲染一个echarts组件。解决方案：之前的echarts初始化<div id="echarts" />echarts.init(document.getElementById('echarts'))改成<div ref="echarts" />echarts.init(this.$refs.echarts)将id获取元素换成 ref获取元素。

2021-12-03 16:24:58 1824 2

原创 echarts词云库的使用

echarts在升级到2.0版本之后，不在支持词云库的使用，在最新版本的echarts（5.2.0）情况下控制台会出现如下报错解决方法:下载npm install echarts-wordcloud下载成功之后，在min.js中写入const wordCloud = require('echarts-wordcloud');之后词云库会正常展示但是显示正常之后可能会遇到出现的词云只有一个颜色，如图出现这种情况可能是因为我们配置写的有问题//这种配置写法已经不...

2021-10-29 17:23:10 962

原创浏览器登录系统登录不进去的问题

之前遇到一个问题，本地打开vue项目，在点击登录的时候出现登录不上的问题，看了一下接口报302,以为是后端接口的问题，但是线上的系统是可以登录进去的，当是很纳闷，不知道问题出现在哪里，之后查找资料发现是谷歌浏览器因为版本号的原因（解决问题的原文链接地址：https://lihefei.blog.csdn.net/article/details/107781318），禁止携带cookie，导致登录不成功。以下是接口报302的图片可以正常访问的图片解决方案：91版本以上1.关闭所..

2021-08-11 16:38:06 2634

原创创建vue项目或者是react项目时，powerShell禁止访问解决办法

1.控住台执行Start-Process powershell -Verb runAs2.第二步执行set-ExecutionPolicy RemoteSigned3.选择Y选项Y

2021-07-20 11:18:02 171

原创判断是否是一个空字符串

1.1.SON.stringify判断var data = {};var b = (JSON.stringify(data) == "{}");alert(b);//true2.使用ES6的Object.keys()方法var data = {};var arr = Object.keys(data);alert(arr.length == 0);//true

2021-07-06 14:17:19 125

原创解决VUE [WDS] DISCONNECTED 错误

在运行项目的时候会出现一下情况解决方式：在vue.config.js文件中找到devServer,添加Headers:{'Access-Control-Allow-Origin':'*'},hotOnly:false,disableHostCheck:true出现原因：win10默认设置的ipv6的优先级高于ipv4，所以把localhost解析到ipv6去了（这里主要因为项目使用了代理服务软件解析问题）参考链接：https...

2021-06-24 11:20:33 2108

原创 vue input 绑定@blur以及其他事件，执行相同的函数，触发多次函数

问题input 绑定了@blur和@keyup事件，但是执行的函数是一样的，我在执行回车事件的同时，也会触发失焦的事件，所以导致代码执行了两次，如下所示。<el-input v-model="value" type="input" @blur="blurData(scope.row)" @keyup.enter.native="blurData(scope.row)" />methods: { blurData(data) { consoel.log("执行函数") //执行

2021-06-02 15:59:13 2368

原创 vue里package.json 和package-lock.json区别

vue里package.json 和package-lock.json区别package.json 文件是对项目或者模块包的描述，也是配置项，安装node_modules的凭据。package-lock.json文件是锁定安装时的包的版本号，以保证其他人在npm install时大家的依赖能保证一致。第一次npm install时自动生成。坑点：在开发过程中如果需要别的插件，在npm install xxx -s的时候，这个不会自动更新到package-lock.json中，在其他开发人员进行开发

2021-04-26 18:41:26 442

weixin_52936828的博客