驻风丶-CSDN博客

原创 vue页面加载时样式未加载完就在页面显示

然后在html上目标元素加上v-cloak（在最外层盒子加上就会全局起效）就会出现页面上全是 {{数据}} 的这种情况，ui控件还没加载出来。

2024-01-16 15:49:56 404

原创微信小程序本地和真机调试文件上传成功但体验版不成功

然后在本地去上传文件，就会发现控制台报错了，会提示一个https什么不在ip白名单，复制那个网址。三个红色箭头的网址就是复制加进去的，每个网址用;隔开，然后等待一段时间就可以了。可能是微信小程序ip白名单的问题，去微信公众平台（2、微信公众平台中设置刚才那个网址。）上设置小程序的ip白名单。1、在本地中取消不校验。

2023-11-29 10:38:08 786

原创 vue3中动态设置网页图标

其中link.href就是图标的地址，这里用的是请求配置接口的返回值。根据后端返回的配置数据来设置网页图标。在App.vue中加入。

2023-10-30 09:19:21 428

原创 CSS中写三元运算符判断设置样式

这里用一个el-icon来设置样式。可以用来动态设置style。

2023-10-17 16:54:32 322

原创 vue3中组件没有被调用，没进去也没报错

父级方法调用子组件方法，这里的openChannelsPerviewPage在其他函数里被调用了。在父页面引用了一个组件，然后父级调用子组件方法，但是根本没进去，也不报错。问题出在子组件中没有用defineExpose把函数暴露出去。但是输出只走到获取视频，根本没进入到子组件中。就可以了，里面放要暴露出去的方法。子组件中的一个被父级调用的函数。父级setup中引入组件。

2023-09-13 17:03:27 299

原创 vue3 element plus 中el-image本地图片加载失败，路径问题

src那里要用require包起来，这样就行了。

2023-09-12 17:04:47 1518

原创 vue3 element plus表格导出为excel自定义表头

新建一个out_excel.js文件并调用。此时bigArr的数据的结构为。最后导出的excel文件长这样。

2023-09-12 11:30:25 696

原创 element plus表格合并行

在el-table中设置方法，核心就是:span-method="spanMethod"，span-method是element-plus中的合并表格的方法，但是合并的方法有点简陋，是根据奇偶分的，不满足需求，这里我是要将同一个组的“合计请款量(月)”合并。最后调用方法，并传入参数getRowSpanMethod(对象数组,[需要合并的字段])新建一个工具js复制上面代码，然后引用。

2023-09-11 16:21:54 426 1

原创 Vue3，Typescript中引用组件路径无法找到模块报错

是这么个事，我在vue3新创建的项目里，写了个组件叫headerIndex.vue，放到app.vue中import就会报错。就好了，大概意思就是在文件中把组件声明一下，but why。路径肯定没写错，找到了解决方法，但是也没想明白为什么。在vite-env.d.ts文件中加入。

2023-09-08 17:23:44 529

大家在写vue路由的时候，一般会采取什么样的方法呢？在router的index.js中直接把路由写完，还是把每个页面抽出来再到router的index.js里引入？两种好像都停麻烦，第一种页面多了都聚合在一个js文件里，不利于管理。第二种虽然抽离了每个页面的路由，但是每个都要在router中import，页面多了，就会麻烦。node.js里面的一种方法可以很好应用在路由以及其他加载模块的需求上，require.context()这是我的路由文件结构其中文件夹里的indexs.js是对

2022-04-24 17:00:33 1519

原创 vue多层子组件调用父组件事件

vue中父子组件传值都是用emit和props比较多，但是这个是针对于单层的父子组件，如果是多层的，那就应该换一种了。provide和inject.。父组件：export default { provide() { return { fatherMethod: this.popupOpen, // popupOpen是父级的一个事件名 }; }, methods: { popupOpen(params) { console.l

2022-04-11 16:43:41 1096

原创 uniapp中nvue在页面渲染前给数据赋值

应用场景是，在一个页面初始化的时候要给一个data内数据赋值，这个数据绑定到了页面v-for上，nvue中的所有生命周期都不能实现在渲染前给数据赋值，会报错，解决办法是定义一个常量去设置值，然后在data内把常量赋值给目标数据。...

2022-01-26 16:09:06 1798

原创 uniapp中nvue生命周期onReady不生效

注意这里的nvue里onReady不生效是针对于组件中，对于页面是生效的，页面就是在pages.json中注册过的页面，自己写的组件nvue要使用vue的生命周期，比如mounted

2022-01-26 16:02:23 3433 1

原创 nvue页面文字排版混乱

去检查一下nvue页面里面的<text></text>有没有换行，nvue里所有的text标签里面都得一行，像这样

2022-01-19 18:52:00 696 2

原创 uniapp给页面设置背景色

直接在当前页面的style里面设置page { background-color: #F6F7F9;}

2022-01-12 11:03:24 4047 2

原创 js文件名数字、英文、中文优先级递减排序

嗯，一个对象列表，因为是批量上传的，有排序的一个要求，依据文件名由数字、英文、中文优先级递减来排序，数字就是从小到大，英文是首字母字母表排序，中文是首字符拼音排序。上图就是我选择后批量上传的对象列表，点击自动排序后就会成上图的样子export default function arraySortByName(list) { // 前在前return 1,后在前return -1 if (list === undefined || list === null) return [].

2021-12-24 14:23:07 1160 1

原创 elementui的Popover 点击里面的按钮关闭

element官方文档是没有点击关闭popover的事件的，所以给popover添加一个ref，然后点击事件去打印一下this.$refs.popoverRef，就会看到里面有一个doClose()事件，直接this.$refs.popoverRef.doClose()就行了，如果是v-for循环出来的el-popover就往点击事件里面传Index...

2021-12-14 10:55:46 2113

原创 vue父子组件传参

一、常用的父和子传参父传子父组件// 父组件里的子组件<LesseeDialog ref="lesseeDialog" :paramsObj="defaultProps" @dialogDetermine="whichDetermine"></LesseeDialog>// 引入子组件import LesseeDialog from './component/lesseeDialog.vue';export default { components:

2021-12-03 09:22:14 840

原创 vue3使用element plus框架问题

vue3项目使用vite搭建，框架是element plus，在使用框架过程中有些莫名其妙的问题。input不能输入radio不能选择动态组件不能切换以上都是基于事件触发了，也没有写错结果发现是引入的问题，我这里是直接写程序自动引入，先来看这个有问题的引入改成上面的问题全部解决感谢魏茜同志的帮助，才发现这个问题，大佬果然是大佬...

2021-11-18 17:52:12 100

原创 js用paserInt转换成数值，精度丢失问题

后端传了个id给我，然后用这个id去传给一个接口，但是这个接口要求id为int型，所有就直接parseInt()把id字符串转数值了，但是实际传到后端的长整型数据不一样。上图的tenantid结尾是264是正确的，没改之前是260，是因为parseint的精度丢失问题造成的。后来传参格式改成字符串，不传数值了，就不存在精度丢失了。...

2021-10-27 11:35:48 621

原创 vue3创建项目app.vue报错The template root requires exactly one element

用vite创建了一个vue3的项目，自动创建，打开app.vue就报错了，按理说不应该啊。在vue2中需要加一个div把template中的元素包起来，但是vue3已经支持了模板语法下可以有多个标签，这里报错是因为eslint，在文件-首选项-设置-eslint-vite中，选择不勾选，就行了。...

2021-10-15 11:02:33 969

原创 div中的svg导致div点击事件偶尔失效解决

div中嵌套svg，其中div有一个点击事件点几次就会出现点div不触发事件，而且是点div中svg的部分，下面文字部分依然触发，问题就是svg这。给svg加一个style="pointer-events:none;"这样就不影响父盒子的点击事件了...

2021-08-24 14:20:37 961

原创分页切换当前页仅有一个数据被删除后不向前一页跳转解决

这个问题是，下方有分页，上方有一个ul，第一页的li是满的，第二页只有一条数据，我的请求逻辑是，点分页就向后端发送请求，请求当前页的数据，每一页最多14条，比如这里第一页后台返给我14条数据，第二页返给我1条数据，然后我把第二页的唯一一个数据删了，然后向后台请求数据，就会出现，我传过去的依然是第二页请求，返给我的是空数据，页面上就是白的，这是因为没有做为空判断，应该在当前页最后一个数据被删了，然后往前一页去请求。点击删除会去调用删除事件deleteList，并请求删除接口deleteEntity，红

2021-08-19 15:45:59 1340 2

原创 v-for循环创建事件，一个触发多个响应解决

在vue的一个ul里，用v-for循环创建li并设置事件，但是会造成所有的li的事件都会同时被触发，下图是解决办法，给mouseenter事件里showQrcode事件传入一个参数index，是v-for循环里创建的index，来触发Qrcode标签的v-show，第三方变量showQr === index 等于为true，不等于，没有不等于，你每个点击传入的index一定是当前li的index<li class="tabLi" v-for="(liItem, index) in liIte

2021-07-26 09:50:29 2152

原创 git从gitlab拉取推送项目

首先，电脑已经安装了git，鼠标右键已经有了git gui here和git bush here，gui是图形化，bush是命令行，这里使用bush命令行。其次，你的电脑已经设置好了git相关配置比如ssh，和你的gitlab或者github关联上了。接下来是项目的操作一、新建文件夹进入文件夹右键再点击git bush here，出现如下命令框然后有两种方式来创建仓库，1.git init初始化一个仓库，会把当前路径的文件夹变成仓库，会有一个.git的隐藏文件夹2.git .

2021-07-09 15:35:37 1965

原创 vue中element ui 修改内置样式不成功和页面css混淆解决

在项目中应用了element ui框架，并修改了引入部分的css样式，但是并没有生效，因为vue中为了css样式只对当前页有效，设置了scoped，去掉scoped对于element ui的改动就会生效了。但是容易造成页面css混淆，可以在父元素添加class来限定css生效范围，比如这个dialog中我动态设置了两个组件projectCreate和projectDetails，而且这两个组件中css都去掉了scoped，就造成了css样式混淆，给el-dialog添加class，我这里的c

2021-07-07 16:00:40 619

原创 Cannot find module ‘webpack-cli/package.json‘

创了一个项目，来做webpack的练习安装webpack，然后报错了没找到webpack-cli/package.json可能是在全局里没有装webpack，npm install webpack -gnpm install webpack-cli -g全局安装这两个就好了

2021-06-16 15:50:25 635

原创 git上传文件夹后，远程仓库该文件夹红色而且不可以点击

用git提交本地仓库到远程仓库时，出现一个问题，远程仓库一个文件夹变成了红色，且不可以点击像图中的firstTest文件夹一样，而且在提交过程中会报一个错误Git错误：warning: adding embedded git repository: hint: You’ve added another git repository inside your current repository.但是依然提交上去了，这个问题是因为本地仓库的firstTest文件夹也是一个仓库，其中也有隐藏文件夹.gi

2021-06-08 15:00:28 1964 8

原创 git常用指令

git 命令基本使用git 克隆git clone xxxgit 克隆指定分支git clone -b weixi xxxgit 默认初始化 git init --y git 查看本地分支git branch git 查看修改状态git statusgit 查看远程分支git branch -r git 添加暂存区git add .git 提交改动git commit -m "xxx"git 推送代码git push git 拉取代码git pull

2021-06-04 15:22:24 46

原创回调、递归、闭包、构造函数

回调函数：作为实参传入另一个函数，并在这个函数内被调用。递归函数：自己调用自己的函数。闭包：一个函数内部的函数。构造函数：可以通过new得出一个新的对象的就是构造函数。

2021-06-04 10:47:29 142

原创微信小程序小说云开发免费源码

本人毕设，这里开源给大家，写的一般，有能力的可以根据需求重构，反正项目拿出来，可劲造。用到的技术栈微信小程序、云开发、云数据库、vantweapp框架关于微信小程序打开别人的项目，安装框架，配置云开发等等，自己百度下面是项目效果分为游客模式和用户模式，自己去试试登录和没登录的区别，可以设置用户信息，主要是把云数据库给写好，效果图只有一部分，下面是项目目录images只有tabBar下面的icon图有用，其他两个文件夹的图片虽然我本地有，但是我都把图片传到云数据库了，本地的相当于

2021-06-01 15:38:36 4448 39

原创 ES6新特性未命名参数

javascript并不限制传入参数的数量，在函数调用时，传入的实参个数超过形参的个数时，则超过的部分参数就称为了剩余参数ES6中提供了一种更加便捷处语法：function fun(a,...b){ [剩余参数用三个点接收，多余的参数则被放到数组b中] }function foo(a,b,...c){ // arguments接收所有传入的实参 console.log(arguments)//[1,2,3,4,5] // ...剩余参数只接收

2021-03-15 15:39:52 71

原创 ES6新特性let和const

let的特点：1、let和const不存在变量提升（不可以声明提前），原因let和const之前的区域叫做暂存性死区,var的变量存在变量提升2、使用let和const声明的变量不再属于window,不能通过window.变量名无法访问，var声明的变量属于window3、使用块级作用域不能在同一级中重复声明变量（let变量不能重复声明)const 声明的是常量（只读不可修改）const和let除了const声明的是常量，其他和let一样注意：必须在const声明常量的时候就赋值（常用于定义

2021-03-15 15:27:58 74

原创 Javascript中this的几种指代

1、当this在普通函数中调用时，this指代的是全局对象window2、this在普通对象中调用时，则指代当前对象3、this在构造函数中调用时,this指代实例化对象4、this在apply、call、bind切换对象时，this指代的就是切换后对象...

2021-03-15 15:23:18 197

原创 css3新特性轮播图片特效

效果如图css<style> *{margin:0;padding:0;} body{perspective:1500px;perspective-origin:50% 200%;} @keyframes rotateBox{ 0%{transform:rotatey(0deg);} 100%{transform:rotatey(360deg);} } div.content{width:300px;height:200px;position:relative;margi

2021-02-23 10:53:40 130

原创 css3新特性3d旋转的正方体

效果如图所示，鼠标放上去会向外扩展，小盒子逆时针旋转，大盒子顺时针旋转，有需要的可以改点参数，变成同一方向旋转css<style> *{margin:0;padding:0;} li{list-style:none;} /* 小盒子的旋转动画 */ @keyframes rotateMinBox{ 0%{transform:rotateX(30deg) rotateY(0deg);} 100%{transform:rotateX(30deg) rot

2021-02-23 10:48:12 215

原创 js写一个淘宝大小图轮播

鼠标移入下边的小图，就在上方显示大图，有自动切换，没有放大镜，效果如下css<style> *{margin:0;padding:0;} li{list-style: none;} .box{width:430px;height:430px;position:relative;border:1px solid pink;margin:0 auto;} .box>img{display:block;position:absolute;top:0;left:0;} ul.sma

2021-01-14 11:41:45 326

原创 js写一个搜索添加记录，点击记录删除内容

大概内容如下图，输入框输入内容，点击搜索清空输入框并且在下面生成一个有搜索内容的标签，点击下面的标签则清除此标签css<style> *{margin:0;padding:0;} #one{width:200px;height:50px;border:1px solid;font-size:18px;} #two{width:50px;height:50px;border:1px solid;cursor:pointer;}</style>html<div

2021-01-09 17:33:58 485

原创 js写一个小米首页轮播图

效果如图图片的切换有过渡效果有小圆点和按钮点击切换有鼠标放置停止轮播左边的按钮已经预留了小米官网的左侧列表空间所以css<style> *{margin:0;padding:0;} li{list-style:none;} .box{ width:1226px; height:460px; /* background:red; */ margin:0 auto; position: relative; } .i

2021-01-08 19:19:04 701

原创 js写一个气泡屏保能碰撞

大概样式图如下会随机位置生成几个球，颜色也是随机的，运动方向以及速度也是随机的，不多废话上货！css<style type="text/css"> *{margin:0;padding:0;} div{ width: 50px; height: 50px; background-color: red; border-radius: 50%; position: absolute; }</style>html<div class="bo

2021-01-06 20:43:39 801 1