No8g攻城狮的博客

vue+element项目中select下拉框label想要显示多个值多个字段。

参考资料：https://webpack.docschina.org/configuration/dev-server/#overlay。的vue项目，出现编译错误或警告时，在浏览器中显示全屏覆盖，如下图，以下是开发环境，此报错在生产环境下并不会出现。当出现编译错误或警告时，被设置了在浏览器中显示全屏覆盖的配置。项目本来运行的好好，换了个新的浏览器，新的。通过看控制台，找到关键词。

将 npm 与 yarn 的registry 地址设置为相同即可。以下是我自己的操作。npm registry 与 yarn registry 地址不同导致的。设置 yarn registry 地址（然后使用 yarn install 命令执行。前提：npm registry 已设置为淘宝镜像地址（命令，过了一会儿显示执行成功。

项目中遇到一个奇怪的问题，我使用了 el-popconfirm 组件，项目基于VUE，el-popconfirm 包裹住的按钮，操作列有好几个按钮选项，点击其中任何一处按钮之后，再次打开另外的一个 el-popconfirm 包裹住的按钮点击没有任何的反应，刷新浏览器之后才能点击触发相应的事件。因为我在按钮中使用了 v-if 来进行显示控制，当我在 el-popconfirm 组件上直接使用 v-if=“” 的时候，就会出现这个问题，问题出现在 v-if 与 el-popconfirm 结合。

现有一个vue项目，需要一个json编辑器，能够格式化json数据，同时也支持编辑功能。以下是列举了几种，可以根据风格或者喜好随意选择其中的一种即可。如果有兴趣的话，每一种都可以试着写下哦。2.2 示例代码2.3 效果图以下是vue2版本的依赖，如果需要vue3请自行查询对应的版本然后安装对应的依赖3.2 示例代码3.3 效果图官网：https://wangbin3162.gitee.io/bin-code-editor/#/jsonEditor4.2 示例代码4.3 效果图5.2

最近项目打包的时候，本地打包没有问题，且能正常运行，但是一旦通过 CI/CD进行自动构建和发布的时候，就会报错Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest，并终止编译和打包。但是，但是，如果一旦通过 CI/CD进行自动构建和发布的时候，就会报错并结束打包，最后会导致打包失败。下图是本地电脑打包的时候报的错误信息，但是最终不影响项目构建和打包，可以打包成功。

官方的描述是说 覆盖默认的上传行为，可以自定义上传的实现，类型是 function，可选值与默认值都省略。经过我的探索，我发现它可以接收一个参数，这个参数保存了你文件上传的对象。elmentui 中的upload默认的提交行为是通过 action 属性中输入的 url 链接，提交到指定的服务器上。先定义了一个 el-upload标签，在里面先把自动上传文件关闭，由于action是必填项，所以就塞了个#进去，在。在这个函数里面，我实现了自定义文件上传的请求。上传文件之前的钩子，参数为上传的文件，若返回。

今天给大家分享一下vue如何将秒数转成“时分秒”格式的相关知识点，可能还有一部分人都还不太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获。

出现如图所示，8081端口被占用，且占用该程序的PID号为143132，接着【Ctrl + Alt + Delete】打开任务管理器，找到PID号为143132的进程，结束该进程，然后再重启服务项目即可。项目未成功启动，则需要查看前端项目为什么没有启动成功，这个原因复杂不再具体说明，可以试着重启服务项目，多重启几次。打开“我的电脑”，选择左上角的“计算机”中的“卸载或更改程序”。点击确定，然后浏览器验证，localhost已经可以访问了！（此处我查看的端口是8081，注意更换成自己的端口号）

在我的代码中主要是点击某一个按钮后弹窗显示出来的页面在渲染之前会先调用API进行数据查询，根据查询到的内容渲染到页面，但是API接口返回的数据为空，然后把这个空对象赋值给了已经有初始化值的form 了，在form进行渲染的时候就会出现这个错误。根据报错内容翻译一下，就是不能对 undefined,null 或者原始值为 undefined 的属性设置值。而本来的form在data中定义的应该是一个对象或默认值。对API返回的数据进行非空判断即可。总的来说，我们就是不能对未知的对象进行渲染。

说明：由于npm的服务器在海外，所以访问速度比较慢，访问不稳定 ，cnpm的服务器是由淘宝团队提供，服务器在国内，cnpm是npm镜像，一般会同步更新，相差在10分钟，所以cnpm在安装一些软件时候会比较有优势。我安装的是16.18.1版本的Node.js，这是最新的版本，最新版的会自动添加环境变量，目前不需要添加环境变量，如果安装旧版本需要手动配置一下环境变量，这里就省略了，不会的请自行百度。经过上面的步骤，nodejs下载的模块就会自动下载到我们自定义的目录，接下来我们测试一下是否更改成功。

简单介绍一下过滤器，顾名思义，过滤就是一个数据经过了这个过滤之后出来另一样东西，可以是从中取得你想要的，或者给那个数据添加点什么装饰，那么过滤器则是过滤的工具。例如，从['abc','abd','ade']数组中取得包含‘ab’的值，那么可通过过滤器筛选出来‘abc’和‘abd’；把‘Hello’变成‘Hello World’，那么可用过滤器给值‘Hello’后面添加上‘ World’；或者把时间节点改为时间戳等等都可以使用过滤器。首先，过滤器可在new Vue实例前注册全局的，也可以在组件上写局部。

最近使用vue项目写前端工程，用的是VSCode编辑器，但是一直很不习惯，所以就干脆换成最熟悉的Idea写，然而，问题就来了，只要用idea打开vue项目，idea就会卡死，这确实是一个问题。问了下公司的前端大佬，原来是需要设置一下的：具体解决方案如下：file --> settings --> File Types --> ActionScript --> *.as --> 给下面添加node_modules，然后 apply --> ok对于Idea没有.