WD_Coke-CSDN博客

原创 elementUI联级选择踩坑，下拉框hover触发背景会有黑色层

问题如题，遇到了这样一个问题，在使用el-cascader联级选择器时，下拉框中hover触发会花屏，背景有黑色遮罩解决是列表ul中最下面的svg path除了问题，虽然我也不太明白为什么，如果没有特殊需求，将其隐藏就好了.el-cascader-menu__hover-zone path {display: none;}...

2021-09-21 20:52:34 813

原创求助！踩坑css@media print 固定横纵向来回切换无效，到底是什么导致了这个BUG？？

问题：最近在vue开发中遇到了这样一个功能，希望打印的时候采用两种样式，即打印页面可以在横向和纵向之间来回切换，并且打印的内容有所差异，就是下列这样，点击纵向出现一版，点击横向出现另一版过程：我的第一想法很简单，就是写两种样式，然后再点击时分别通过@page { size: portrait; }和@page { size: landscape; }给初始化时纸张横纵向定下来就好了，但是在此过程中遇到了一个令我百思不得其解的问题，即当我第一次扥别点击纵向预览(如下列图一)，和横向预览(如下列图二)，

2021-09-20 14:10:22 855

原创 vue数据过滤，返回code，展示对应string(vuex管理)

记录最近遇到的一个问题，关于数据过滤，即后台返回code，前端展示name，此情况大多针对于下拉框选项，乍一听好像听简单，但是实际过程中却花费了我不少时间，多种情况，一步步深入。我认为的最优解在文末言归正传，谈一谈我首先想到的，使用filters做个判断嘛，多大回事儿，于是有了这样一串代码。这样做肯定不好，但是也确实能在一定程度上简单解决问题，比如针对是/否、男/女之类的简单过滤，但万一有多个呢？用switch？好像也挺长的，而且需要对应的数据大多也应该是后台返回的，比如省市区、职业之类的信息，不大可

2021-09-05 14:02:49 646

原创 Vue3中移除过滤器

起因在项目中经常遇到后台传0,1,页面展示是否，男女这样的情况，在该字段为空时不展示，我这种菜鸟第一时间想到的肯定是if做判断，但是if->else if->else这样的代码…，switch感觉也差不多，呆了半小时才想起来用filters，蓦然回首，才发现Vue3已经移除filters了解决回头看了一下官方文档：Vue2.x迁移本来在Vue2.x中使用filters，这样解决<template>

2021-08-28 14:34:41 1044

原创 vue定义全局变量、函数，export和export default

起因初入项目组，在写完代码回过头来仔细观察时，发现自己的代码写的及其冗杂，重复的一大堆，开始思考如何做代码优化，想到去定义全局函数，但我又不想每个vue组件都去引用，于是脑袋就卡壳了，百度一下，export default + Vue.prototype，恍然，这不就是跟封装axios一样吗，还是代码不够熟练，写此谨记解决方法1.一般来说，在项目中会定义一个golbal.js文件，专门用于存放全局变量与函数，在此处进行定义2.在main.js中引入并挂载3.在任一vue组建中使用，this.

2021-08-28 12:26:38 2267

原创 vue获取图片文件(图形验证码)

问题：一般前端获取图片都是从后台直接拿到图片的地址值展示就好了，但是最近在做一个图形验证码的功能，后台传输过来的直接是图片文件，console.log(data),输出data会是一长串的乱码解决方案：以下是我的http请求代码，axios请求getValidateCode () { this.$http({ url: this.$http.adornUrl('/a.jpg'), method: 'get', respons

2021-08-14 15:15:31 903

原创项目踩坑之 webpack-dev-server --disableHostCheck=true --inline --progress --config

问题描述：近来又对一个老项目进行维护，在将代码拉下来到运行时，发生了这样一个报错,标红的下划线, webpack-dev-server,做了以下尝试(但是都不是这些问题！！)：1.更换webpack版本(即网上说的，npm uninstall webpack-dev-server，npm install webpack-dev-server@2.9.1 两句命令)2.缺少node_modules，删除，重装解决方式：一般在config文件夹下的index.js文件中修改dev的host配置，将地

2021-08-14 12:04:08 4609

原创 yarn学习笔记

yarn学习笔记概念**yarn:**node包管理器，其形式和功能与npm相似中文文档:中文文档 | Yarn 中文文档 (bootcss.com)安装//查看本机是否具有yarnnpm info yarn//全局安装npm install -g yarn//查看yarn版本yarn -vglobal-folder //软件包的根目录cache-folder //缓存地址yarn audit --json在一个项目中使用该命令之前需先执行yarn init，初始化，你将会看

2021-08-07 14:30:40 132

原创 node-sass踩坑以及nvm

最近遇到一个项目，尝试着跑了一下，发现框架已经比较过时了，里面引入了一些UI框架，跑的时候疯狂报错，一开始我以为是node版本问题，在网上搜索了半天的答案，发现是node-sass这玩意儿的问题，拿到项目直接npm install是下载不下来node-sass包的，巨坑！！！！！而且node-sass仅支持node 32-bit，也就是说得重新配置你的node，一开始着实是不想的，后来实在没有办法，把原来的node版本卸载了，重新用nvm管理node，nvm下载地址，下面两图一个是nvm安装路径，一个是

2021-08-01 17:21:57 408

weixin_46420860的博客