qq_45913170的博客

原创 vue3左树的全选和反选

【代码】vue3左树的全选和反选。

原创 vuex的使用

【代码】vuex的使用。

原创 将数组的某个值移到最后

【代码】将数组的某个值移到最后。

原创 鼠标滑过变大

【代码】鼠标滑过变大。

原创 获取url地址栏的参数

【代码】获取url地址栏的参数。

原创 echarts+vue3中国地图

【代码】echarts+vue3中国地图。

原创 世界地图echarts+vue3+ts

【代码】世界地图echarts+vue3+ts。

原创 用h5写表格，滚动

【代码】用h5写表格，滚动。

原创 highchart立体几何

【代码】highchart立体几何。

原创 css控制图片转动

<div id="top5-pie-out" class="drop-center"></div>.drop-center{ -webkit-animation: roll-center 20s infinite linear ; -moz-animation: roll-center 20s infinite linear ; -o-animation: roll-center 20s infinite linear ; animation

原创 echarts属性总结

barMinHeight: 1, // 设置最小柱子的高度，确保即使数据值很小也能看到柱子。

原创 复杂的柱状图

【代码】复杂的柱状图。

原创 vue3引入v-chart

main.ts文件引入。

原创 修改下拉框样式

【代码】x修改下拉框样式。

原创 filter，forEach，map的使用

forEach的使用。

原创 vxe-table setCheckboxRow使用踩坑

vxe-table表格回显勾选复选框，我看官网是直接把行参数传过去，老是回显不对，后来把回显的几条数据每条分别勾选才可以，看代码，同时表格要有 row-id="id"，这个很重要。

原创 获取年月日时分秒

【代码】获取年月日时分秒。

原创 vue3 +Element-puls ,使用ref修改scrollTop 到指定位置

【代码】vue3 +Element-puls ,使用ref修改scrollTop 到指定位置。

原创 TailwindCss在vue3项目中的使用

output.css，开启监听生效目录中所有出现的 class 类名的变化，并编译为 CSS。5.运行 tailwindcss CLI 工具，指定源文件 ./src/.css。3.在tailwind.config.js添加对vue文件的识别。和输出文件./src/style/）中添加以下内容，用。Tailwind功能。

原创 error: remote origin already exists. git链接仓库报错

【代码】error: remote origin already exists. git链接仓库报错。

原创 vue3当form表单只有一个input框的时候，按下回车系统自动刷新，路径就会自动生成奇怪的符号

原因是，form表单只有一个input框的时候,按回车就会自动提交加。

原创 vue2 el-table展开行

【代码】vue2 el-table展开行。

原创 vue2 element-ui (el-tooltip el-popover) 里自定义内容

slot="content"插槽显示数据。

原创 前端面试题总结

闭包就是能够读取其他函数内部变量的函数。

原创 vue2 项目oem的切换总结

一、在项目oem 文件中新建项目文件夹，如vnt,添加.env.production文件，替换标题。想看替换的效果可以直接在根目录下.env.development修改标题。二、修改登录页面，修改如下文件夹，在loginVnt.vue文件下修改想要的登录页面。三、修改导航的样式，新建一个css文件，将修改的样式都放到这个文件里面。

原创 vue3 项目oem的切换总结

一、在项目oem 文件中新建项目文件夹，如KSK_FW，在根目录下加一个脚本文件，将oem 中的文件替换原项目中的文件，达到样式，页面效果的修改。3修改登录页面的css的样式的文件放到public/css文件下。2.修改导航的模式，混合模式或左侧模式，截图是替换为混合模式。copyFile.js 为脚本文件名称。二、在命令提示符窗口运行脚本。三、修改切换ome用到的文件。1.修改项目标题,版权。

原创 nvm node版本切换

原创 vue3，把双层循环的的数组用对象的格式显示出来

v-for的双层循环

原创 用脚本怎么把vue3+ts项目根目录下的文件的图片覆盖src文件夹下的图片

方法用于复制文件夹。第一个参数是源文件夹的路径，第二个参数是目标文件夹的路径。在这个示例中，我们将根目录下的./oem/QT_VPN/public/public_img文件夹中的图片复制到./src/assets/images文件夹下。要将Vue 3 + TypeScript项目根目录下的文件的图片覆盖到。首先，在项目的根目录下创建一个新的文件，比如命名为。文件夹下的图片，你可以使用Node.js的。运行脚本后，根目录下的图片将会被复制到。你可以使用npm或yarn安装。文件夹中，覆盖原有的图片。

原创 用脚本怎么把vue3项目夹其他文件的路由覆盖src文件夹里的路由

替换为实际的源文件夹路径。这段代码会将源文件夹中的路由文件复制到。在运行脚本之前，请确保备份了原始的路由文件，以防出现意外情况。要使用脚本将Vue 3项目中其他文件夹的路由覆盖到。文件夹中创建一个新的JavaScript文件，例如。在你的Vue项目根目录下创建一个新的文件夹，例如。这将运行你编写的脚本，将其他文件夹中的路由复制到。文件夹中的路由，你可以使用Node.js的。文件夹中，并覆盖已存在的文件。

原创 循环添加文本框

el-input v-model="item.input" placeholder="请输入模块名称" style="margin-bottom: 10px" />placeholder="请输入内容"

原创 文本框去掉首尾的空格

<el-input v-model="data.conf_range_sip" @blur="data.conf_range_sip=$event.target.value.trim()"></el-input>

原创 vue3查询框，搜索出来的关键字高亮

el-button class="btnSty" type="primary" @click="searchInfo()">查询

原创 Echarts图表自适应屏幕大小的方法

1.首先加一个防抖函数和延迟函数，这个放到utils文件夹下。* @param immediate 是否立即执行。* @param timeout 延迟时间。2.在echarts图表中加入如下代码。* @param fn 函数。

原创 vxe-table表格二次封装

if (title === "操作") {// 是否显示加载动画，默认false 不加载。// 其余的单元格使用默认行为。title="序号"// 重写默认的提示内容。default: "列表"//是否选择checkbox。// 将表格和工具栏进行关联。// 头部最左边的标题。//开启保留翻页选中。// 复选框勾选全部事件。// 复选框勾选事件。

原创 el-tree-select 添加全部按钮

el-checkbox v-model="selectAll" @change="handleSelectAllChange">全选

原创 图片上传直接显示，代码如下

URL.createObjectURL 方法将其转换为一个 URL 地址，然后将该地址赋值给模板中的 imageUrl，这样就能实现上传图片并直接显示的功能了。

原创 音波音频播放器

resize: true,// 是否可改变大小。// drag: true,// 是否可拖拽。// message: "语音文件不存在或出错！console.log("开始播放音频");// 波形的振幅（高度），默认为1。// //主要时间标签颜色。// //主要时间文字颜色。// //次要时间标签颜色。// //次要时间文字颜色。// 插件--区域的配置。// 播放进度光标条的颜色。// 波形容器的背景颜色。// 已播放波形的颜色。// 音频的播放速度。

原创 vue3无限滚动

2.main.ts文件加入。

原创 axios取消请求的总结，当一个页面从A跳转到B后，取消A页面的所有请求,写个例子

console.log('取消请求');// 在组件卸载前取消请求。