自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(91)
  • 收藏
  • 关注

转载 vant picker多选实现

【代码】vant picker多选实现。

2024-06-19 18:43:07 137

原创 el-cascader模糊搜索时getCheckedNodes()获取不到选中的节点

把getCheckedNodes()改为改为getNodeByValue()

2023-08-30 15:39:47 1310

原创 微信小程序 是否开启原生获取手机号权限为什么会是false

请注意,为了保护用户隐私,微信只提供了获取用户手机号的接口,但并未提供获取用户微信号的接口。获取用户授权信息,包括是否开启了原生获取手机号权限。,则表示用户未开启原生获取手机号权限。为了正确获取手机号,开发者可以在合适的时机使用。来判断是否开启了原生获取手机号权限。在微信小程序中,可以使用。

2023-08-15 17:26:19 323

原创 el-table使用fixed固定一列后表格错位

el-table使用fixed固定一列后表格错位

2023-06-02 11:46:47 3217 1

原创 在vue2项目中使用vue3

如果想要使用setup语法糖 需要下载unplugin-vue2-script-setup组件。然后在.vue组件里面引入,就可以使用部分vue3的功能啦。安装@vue/composition-api插件。下载完后再main.js中引入并注册。

2023-05-08 17:27:14 3689

转载 前端获取电池信息

【代码】前端获取电池信息。

2023-04-19 11:33:18 65

原创 字符串某个文字高亮,且可以点击(v-html点击事件无效)

字符串某个文字高亮,且可以点击(v-html点击事件无效)

2022-12-13 15:24:58 214

原创 输入框内容可换行

输入框内容可换行

2022-12-12 11:28:08 1742

原创 设置浏览器夜间模式

设置浏览器夜间模式

2022-12-08 09:36:45 801

原创 下载指定版本的node

点击链接在列表中选择您需要的版本。https://nodejs.org/download/release/

2022-06-13 16:31:22 249

原创 vue-awesome-swiper官网文档

vue-awesome-swiper官网文档https://www.swiper.com.cn/api/index.html

2022-05-30 17:31:38 6319

原创 前端面试题

https://github.com/yisainan/web-interview

2022-01-18 16:29:06 55

原创 element的loading局部加载

this.$nextTick(() => { // 加载loading this.loading = this.$loading({ lock: true, text: 'Loading', spinner: 'el-icon-loading', background: 'rgba(0, 0, 0, 0.7)', target: document.querySelector('.dialog-box-di

2021-12-23 15:01:20 1798 1

原创 js递归遍历树结构去除某些节点

// 过滤树节点 assemble(tree) { var newArr = []; for (var i = 0; i < tree.length; i++){ var item = tree[i]; if(item.type === 'test') { tree.splice(i--, 1); } else { i...

2021-12-17 13:06:41 1860 1

原创 vue el-form多个表单校验

<template> <el-form :model="formData" status-icon :rules="rules" label-width='200px' label-position="right" ref="formData1" > <el-form-item label="订单号:" v-if="editorShow" class="el-form-pad"> <template slot-s

2021-12-02 16:56:51 1979

转载 elementUI - tree添加横向滚动条

原文链接:https://blog.csdn.net/u012138137/article/details/81196257

2021-11-09 15:35:43 950

转载 vue实现带节假日的日历

https://blog.csdn.net/weixin_41884808/article/details/110433903

2021-10-27 09:41:30 2587

转载 vue文本超出可展开查看

文章链接https://blog.csdn.net/jingyoushui/article/details/102470896

2021-10-14 15:53:24 201

转载 el-table表格宽度根据内容自适应

将代码复制到指令中即可使用。通过指令方式进行调用。(使用方式 <el-table v-tableFit></el-table>)通过计算文字的宽度进行表头设置,其他内容无法计算。40(列) * 120(行) 个单元格以上根据实际情况使用以上根据实际情况使用,因为单元格越多,计算时间越长。尽量使用v-if,不然有些情况下会计算错误Vue.directive("tableFit", { //指令所在组件的 VNode 及其子 VNode 全部更新后调用。 compone

2021-07-29 14:43:29 3055 1

原创 vue项目中使用sass变量

https://vueschool.io/articles/vuejs-tutorials/globally-load-sass-into-your-vue-js-applications/

2021-07-23 15:35:03 352

转载 将本地项目上传到GitLab上

1、创建新项目1.1创建新项目1.2输入项目名称,之后Create Project2、创建密钥2.1桌面右键,Git Bash Here2.2进入~/.ssh/路径cd ~/.ssh/2.3配置全局的name和email,参照你创建的工程Git global setupgit config --global user.name “root”git config --global user.email “admin@example.com”username:email:2.4生

2021-07-16 15:04:01 657

转载 vue实现横向无限滚动

原理复制1份需要无限滚动的列表,当滚动到第一个列表的结尾处(第二个列表的开始处时),立刻替换位移到初始位置(x=0)由于当时场景与刚开始的场景完全相同,就实现了无缝滚动<template> <div> <div class="scroll-temp"> <div class="temp-box" ref="temp"> <div v-for="v in 5" :key="v + '1'" class="li"&

2021-07-15 09:54:35 2316

转载 element-ui table 多列组合排序

element-ui table 多列组合排序element-ui table 配合后端实现多列组合排序。思路:1.监听sort-change事件,在该事件中缓存和修正当前的排序规则。并根据保存的排序规则调接口刷新表格数据。2.监听header-cell-class-name事件,在该事件中修正表头排序图标的样式。保证图标的样式逻辑和缓存的排序规则一致<el-table stripe :data="list" element-loading-text="Loading

2021-05-25 14:52:04 969

转载 组件间的通信(二)

文章链接:https://segmentfault.com/a/1190000019208626https://juejin.im/post/6861547167358648327/#heading-0

2020-08-20 14:07:07 71

原创 element-ui table 给表头添加icon图标,以及鼠标滑过时显示提示内容

参考文章:http://www.voycn.com/article/element-ui-table-geibiaotoutianjiaicontubiaoyijishubiaohuaguoshixianshitishineirong

2020-08-18 09:29:05 2044

转载 事件委托

文章链接:https://www.cnblogs.com/liugang-vip/p/5616484.html

2020-08-17 14:46:23 73

转载 JS事件冒泡

文章跳转:https://www.cnblogs.com/moqing/p/5590216.html

2020-08-17 14:43:08 66

转载 封装el-tooltip组件,只有文本溢出时才显示

原文链接:https://www.cnblogs.com/97pkp/p/12895693.html1.定义样式,实现超出部分省略号:.con_txt { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }2.el-tooltip组件本身就是悬浮提示功能,但是我们需要给超出的文本加提示,没超出的不加提示,所以对组件进行二次封装:<template> <div

2020-08-12 22:08:21 2930 1

转载 element ui的el-tree文字显示不全的解决办法

原文链接:https://blog.csdn.net/Beam007/article/details/84305216

2020-08-12 21:08:51 869

转载 element中el-table的tooltip鼠标无法选中text

原文链接:https://juejin.im/post/6844904051688079374<!--引入table-tooltip的组件--><template> <div class="home"> <!-- <button class="btn gray">这是个按钮</button> --> <el-table :data="tableData" stripe

2020-08-12 10:08:50 1878

转载 table tr分离并加圆角和阴影

转载自:https://www.cnblogs.com/liuswi/p/5840038.html(https://www.cnblogs.com/liuswi/p/5840038.html)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.

2020-08-10 16:11:09 957

转载 echarts 在legend中使用rich富文本的方法

文章链接:https://blog.csdn.net/weixin_43798882/article/details/90697316

2020-08-06 11:07:08 1596

原创 正则校验字符串中是否存在空格

const reg = new RegExp(/\s/)reg.test('1 23')

2020-08-03 16:38:49 8682 1

转载 cross-env

cross-env 是一个跨平台设置环境变量的第三方包由于Windows系统和Mac系统设置环境变量的方式不同Windows 系统// package.json{ ... "scripts": { "dev": "set NODE_ENV=development && webpack-dev-server --open --hot", "build": "set NODE_ENV=production && --progress --hi

2020-07-16 17:45:21 625

转载 webpack面试题

原文链接:https://mp.weixin.qq.com/s/VwNN91Hz6cvmnt2KE4Lj6g0.有哪些常见的Loader?你用过哪些Loader?(我开始熟悉的报起了菜名)raw-loader:加载文件原始内容(utf-8)file-loader:把文件输出到一个文件夹中,在代码中通过相对 URL 去引用输出的文件 (处理图片和字体)url-loader:与 file-loader 类似,区别是用户可以设置一个阈值,大于阈值时返回其 publicPath,小于阈值时返回文件 bas

2020-07-15 12:22:39 382

原创 将字符串中的正斜杠和反斜杠替换成指定字符

var reg=/\\|\//g; console.log(this.searchValue.replace(reg, "1"))

2020-07-06 20:43:49 652

转载 flex溢出问题

原文链接:https://juejin.im/post/5de6379f6fb9a015fd699b41 总结:flex: 1 其实是flex-grow, flex-shrink, flex-basis的缩写 对应的值是:flex-grow: 1, flex-shrink: 1, flex-basis: 0% flex-grow: 扩展,子元素宽度之和小于父元素宽度 那么子元素就会分配父元素剩余的宽度 flex-shrink: 收缩, 子元素宽度之和大于父

2020-06-23 19:14:21 1666

转载 css弹性盒子-------桃园三兄弟之:flex-grow、flex-shrink、flex-basis详解

原文链接:https://blog.csdn.net/m0_37058714/article/details/80765562

2020-06-23 15:32:07 110

转载 理解webpack之process.env.NODE_ENV

参考链接:https://www.cnblogs.com/tugenhua0707/p/9780621.html

2020-06-18 10:43:13 170

转载 vue双向绑定及观察者模式详解

参考文档:http://www.luyixian.cn/javascript_show_167603.aspx

2020-06-17 19:32:23 361

OCR语音转文字OCR语音转文字

OCR语音转文字OCR语音转文字

2024-05-15

资源存储1资源存储1资源存储1资源存储1

资源存储1资源存储1资源存储1资源存储1

2024-01-05

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除