zuo-yiran-优快云博客

1、布局如下<div class="map-label" :class="{active:isActive}" :style="{marginTop:`${marTopVal}px`}"> <transition name="slide-fade"> <div class="transition-out" v-if="show"> <div class="circle-out" :style="{left:circleLeft,top:circleTo

2023-06-28 15:07:09 913

原创修改elementUI carousel组件源码实现轮播图卡片化宽度自适应及样式调整

项目中要实现下图效果三说明：效果二和效果三是说明不同宽度达到的组件的效果纯css实现宽度自定义并居中通过elementUI API中发现没有暴露出轮播图卡片化的自定义的宽度，通过查看样式得知是固定的50%的宽度，那么要实现修改宽度可以进行样式覆盖，代码如下：.el-carousel__container { .el-carousel__item--card { width: 850px !important; background: #fff; } .el-carousel__ite

2023-05-29 14:12:37 3488

原创 vue 使用qrcodejs2生成二维码

注：使用qrcodejs2生成二维码

2023-04-20 10:28:32 1289

原创 vue使用vuedraggable实现tag标签动态添加数据且可拖拽功能

安装插件vuedraggable实现可拖拽功能

2023-03-10 09:57:36 2730

原创 axios get请求 (failed)net::ERR_CERT_AUTHORITY_INVALID

问题描述：vue项目，使用axios.get请求一个接口，出现如下图所示错误点开详情：但是在地址栏内输入完整的链接进行请求，可以成功返回数据。定位问题：1、首先根据CORS error这个错误定位接口是跨域；2、用跨域浏览器重新加载页面请求接口后返回：axios (failed)net::ERR_CERT_AUTHORITY_INVALID这个错误，定位：因为https请求，谷歌浏览器认为是不安全的链接，可重新在跨域浏览器中输入完整的接口地址，跳出需要确认跳往这个不安全链接后，就可以正常进行

2023-02-28 10:21:07 2718

原创 vue computed内计算属性方法传参及使用

项目中有需求对某些字段进行处理，vue中computed内计算属性无法直接传参进行使用，想要对字段进行动态过滤。html：<div class="order-card" v-for="item in xcDataList" :key="item.orderId"> <div class="info-date"> <div class="date-left">05月13日周五</div> <div class="date-right"&gt

2023-02-06 17:15:46 1330

原创 vue升级报错：[@vue/compiler-sfc] the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead

vue升级报错：[@vue/compiler-sfc] the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead

2022-12-19 09:50:28 2044

原创 vue el-select搜索功能--区分输入内容后得到的是否是下拉框选择数据

区分elementui使用select组件，进行输入后得到的值是输入的值还是通过下拉框选取的值

2022-11-22 18:02:44 2242

原创 vue npm install报错：post install error, please remove node_modules before retry!

报错：× Install fail! RunScriptError: post install error, please remove node_modules before retry!

2022-10-24 17:31:42 12796 3

原创 css中text-align: justify；不生效问题的解决

text-align: justify;设置时未生效

2022-10-18 15:44:18 2323

原创解决vue 跳转相同路由携带不同参数，页面不渲染问题

解决跳转页面携带不同参数跳转相同路由，页面不会重新渲染的问题

2022-09-15 09:59:44 3231

原创 vue 平铺日历选择组件封装（支持选择时间点或时间段）

项目中遇到进行日期选择的需求，一般都是使用在

2022-08-15 14:27:12 1640

原创 vue项目中Des的加密解密

vue项目中的des加解密的具体使用

2022-07-13 16:07:43 1677

原创 vue 运行项目浏览器页面显示“该网页无法正常运作”

项目运行成功并自动弹出但是页面上显示：确定问题：检查build/webpack.dev.conf.js文件中是否存在下面代码：disableHostCheck: true,https: true,如果有的话，确定一下是否用的https进行的访问，如果用https进行访问进行信任后，出现以下页面：则需要把鼠标在空白处点击，输入：thisisunsafe相当于告诉谷歌这个是不安全的即可正常打开页面进行访问。......

2022-06-18 11:28:46 3825 2

原创 Git项目的整体迁移

工作需要把一个老项目，完整的迁移到另一个新的git地址上，包括代码及提交记录等，具体操作如下：1、克隆老项目的裸版本库 git clone --bare 旧的git地址此时会在当前的文件夹下产生一个老项目名称.git的文件夹，这个文件夹内就是克隆的老项目的提交记录，只是一个记录，跟本地的代码没有任何关系。2、推送裸版本库记录到新项目cd 老项目名称.git //进入裸版本库文件夹内git push --mirror 新的git地址 //推送记录到新的git项目上结束，完成项目...

2022-05-20 14:58:19 1305

原创引入vuex报错：“export ‘reactive‘ was not found in ‘vue‘

用vue-cli进行新建项目时没有同步安装vuex，是后续另外用命令加上的，引入后报如下错误提示在vue中未找到这些，比较原来的项目（也是使用的vue2，里面的vuex是3.X的版本，猜测是否是因为版本的问题，尝试后重新安装3.X版本的vuex进行测试，可以运行），发现是版本问题；先删除已经安装的vuex，运行命令：npm uninstall vuex安装指定版本的vuex：npm install vuex@3.X可以选择安装3.4.0版本的...

2022-04-01 16:45:16 2508

原创 vue解决报错问题：Module build failed: TypeError: this.getOptions is not a function

vue项目执行报错

2022-03-09 11:15:20 2027

原创通过background-position位移效果实现类似阿里云tab切换动画

直接上代码：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title><style>* { padding: 0px; margin: 0px;}body,html { width: 100%; height: 100%; margin: 0px; padding: 0px;}body { posit

2022-02-14 14:58:11 655