前端

vue 实现折叠展开效果,平滑隐藏显示效果

如果直接使用v-show,隐藏和显示不够平滑,可以使用vue element ui 自带的动画组件 el-collapse-transition来实现...

前端 2024-09-24 浏览(84 作者( 小见 )

vue element ui table 隐藏显示的时候会跳一下,明显的抖动

表格数据由隐藏变为显示的瞬间,页面会有明显抖动的现象。经过一段时间的查找,发现elementui在重新渲染table时t...

前端 2024-09-24 浏览(79 作者( 小见 )

element ui table 表格行颜色自定义,单元格颜色自定义。背景颜色自定义。风格自定义

[TOC]实现效果一效果图 代码如下template:<template> <div class="emergencyEvents-container...

前端 2024-09-24 浏览(128 作者( TeachingNote )

好看的渐变色div效果,橙色渐变效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF...

前端 2024-09-21 浏览(134 作者( 忆点点 )

uni-app 中怎么获取所有checkbox 选中的值

官方文档:https://uniapp.dcloud.net.cn/component/checkbox.html这个文档的示例真的太少了,就光一个获取所有c...

前端 2024-09-20 浏览(137 作者( 忆点点 )

uniapp 离线打包配置高德地图

没有申请key的去高德开放平台申请的Android平台Keyhttps://console.amap.com/dev/key/app SHA1 在前面申请云端证...

前端 2024-09-19 浏览(131 作者( 人生若只如初见 )

uniapp 离线打包配置

下载Android Studio 并配置好JavaSDK查看HBuilderX版本然后去下载对应的SDK版本https://pan.baidu.com/s/1ZYxRVH...

前端 2024-09-19 浏览(121 作者( 人生若只如初见 )

vscode vue,html,css 格式化代码的时候 每个属性都进行换行了,但是不想每个属性都换行应该怎么设置

每个属性都自动换行了,这个是vscode代码格式化设置的问题。解决方法如下。 一:按下Ctrl + ,(或者Cmd + ,在Ma...

前端 2024-09-18 浏览(140 作者( 剑轩 )

Vue 3的Composition API介绍

[TOC]Vue 3 引入了一个新的核心特性,即 Composition API,它提供了一种更灵活、更强大的方式来组织和重用逻辑。...

前端 2024-09-16 浏览(209 作者( TeachingNote )

vue3 跨组件方法调用。Vue 3 的 Provide / Inject 与 mitt

mitt 是一个轻量级的事件发射器(event emitter),它可以很容易地集成到 Vue 3 应用中。 下面是一个使用 Vue 3...

前端 2024-09-15 浏览(239 作者( TeachingNote )

vue2 事件总线。 跨组件方法调用。跨组件改变数据,跨组件执行方法

在Vue 2中,事件总线(Event Bus)是一种跨组件通信的常用方法,尤其是在组件之间没有直接父子关系时。事件总线...

前端 2024-09-14 浏览(236 作者( TeachingNote )

vue element ui 中 select 设置支持多选,如何给select组件设置默认选中的值

[TOC]select加载的代码如下<template> <el-select size="small" clearable="&quot...

前端 2024-09-14 浏览(200 作者( TeachingNote )

vue打包报错 The "from" argument must be of type string. Received undefined

解决方法一添加 parallel: false parallel: false

前端 2024-09-13 浏览(205 作者( TeachingNote )

Vue 3 中 watch与watchEffect区别

在Vue 3的Composition API中,watch和watchEffect都是用于侦听响应式数据的变化,但它们之间有一些关键的区别。...

前端 2024-08-20 浏览(320 作者( TeachingNote )

前端js,ts小写数字转大写

简单的处理就是用一个键值对来匹配写好对应的键值对: const state = reactive({ smallBigDic: { ...

前端 2024-08-17 浏览(304 作者( 只若初见 )

js 多个异步方法同步请求,等所有请求都完成后在执行。vue 请求多个接口一起返回

用Promise.all就行了, 比如: return Promise.all([ ac.getEvalData(), ac.getLabData(), ac.g...

前端 2024-08-16 浏览(485 作者( 只若初见 )

uniapp vue3 引用样式表样式

这样即可: <style scoped lang="scss"> @import '@/static/css/report-box.scss'; ...

前端 2024-08-12 浏览(369 作者( 忆点点 )

图片与文字在一个div里边垂直与水平居中。暂无数据的显示

使用绝对定位的方式实现html: <div class="course-study-empty" v-else> <div class=&...

前端 2024-08-09 浏览(336 作者( TeachingNote )

uniapp 微信小程序 上传图片,上传文件,上传视频等,上传组件封装

上传图片文件还可以参考:https://www.tnblog.net/aojiancc2/article/details/8233 这个里边有关于.net6实现图片...

前端 2024-07-26 浏览(641 作者( 剑轩 )

uni-app 小程序,常用的弹窗模板。弹窗里边显示时间轴

弹窗的基础使用以及另外的一些模板可以参考:https://www.tnblog.net/aojiancc2/article/details/7064[TOC]基础模...

前端 2024-07-16 浏览(449 作者( 剑轩 )

设置了flex后 ,子元素的高度全部都一样了,没有自适应内容。flex 布局导致子项高度相同

原因:Flex 布局的默认是:把所有子项变成水平排列。默认不自动换行。让子项与其内容等宽,并把所有子项的高度变...

前端 2024-07-15 浏览(546 作者( TeachingNote )

uni-app textarea 修改 placeholder 字体的颜色和大小等样式

方法一: 直接设置placeholder-style <textarea style="width: 100%;height: 209rpx;" maxlength=&q...

前端 2024-07-12 浏览(670 作者( TeachingNote )

uni-app 小程序 分割线与滚动。uni-app 中占满剩下高度,并且在剩下高度里边滚动

[TOC]常用分割线标签: <view class="di-task-spline"></view> 样式: .di-task-spline...

前端 2024-07-10 浏览(579 作者( 忆点点 )

uni-app,微信小程序,app , 自定义搜索框, 好看的搜索框

设计图: view: <view class="seach-box"> <view class="seach-box-wrap"&...

前端 2024-07-01 浏览(429 作者( 剑轩 )

css实现开关组件效果,滑块组件效果。自己实现小程序滑块开关组件

[TOC]效果如下 切换的时候会有动态的效果 代码如下,纯HTML+CSS样式里边的注释都写得比较清晰了,需要自定义效...

前端 2024-06-05 浏览(673 作者( 剑轩 )

css开关按钮样式

代码如下,可以直接运行: <!DOCTYPE html> <html lang="en"> <head> &l...

前端 2024-06-05 浏览(788 作者( 风清月 )

uni-app 开发微信小程序显示图标

uni-app 开发微信小程序图标显示其实和直接显示图标其实是一样的,如下直接用一个image即可 <image :src=&quo...

前端 2024-06-01 浏览(811 作者( TeachingNote )

uni-app app,小程序 时间轴样式,时间轴效果。弹窗里边使用时间轴。悬浮菜单

虽然可以用一些时间轴组件比如,timeline,但是有时候还是自己写点样式定制性好一点,不需要像组件那么通用。[TO...

前端 2024-05-31 浏览(858 作者( 剑轩 )

ElementUI Table 动态表头,动态数据,动态列

表格显示的列不确定的时候就需要使用动态的方式,而不是预先绑定好。 [TOC]前端的实现数据源对于前端来说数据源...

前端 2024-05-13 浏览(1952 作者( 剑轩 )

vue 实现全局配置

方法一1: 在静态资源里边加一个config.js 里边写一点配置,如: window.peizhi = { title: '过程管理平...

前端 2024-05-06 浏览(740 作者( 忆点点 )

vue3 ts 方法传参,any使用。vue3 ts reactive 使用类型,定义具体类型。vue3 ts实现分组, 多字段作为key分组,二级分组,多级分组,子级分组

[TOC]vue3 ts 方法传参,any使用方法1: // 循环解析 dataListToAppend.forEach((element: any) => { s...

前端 2024-04-29 浏览(1418 作者( TeachingNote )

element plus tree 获取选中节点的父节点

通过 treeRef.value.getNode(data) 获取到当前节点的实例,随后通过 node.parent 获取到父节点。 代码如下: c...

前端 2024-04-28 浏览(1092 作者( TeachingNote )

input type file 限制上传图片和视频。限制上传的类型,多文件上传等

input type file 限制上传图片和视频<input type="file" id="fileInput" multiple accep...

前端 2024-04-22 浏览(897 作者( 忆点点 )

input type file 文件选择框设置为多选,获取选择的多图

html <input ref="inputImgFile" type="file" multiple="true" accept=&quot...

前端 2024-04-15 浏览(854 作者( TeachingNote )

禅道如何查看自己已经解决过的bug

地盘(首页)—>仪表盘—>右下角我的贡献里边有个解决的Bug数

前端 2024-04-15 浏览(988 作者( TeachingNote )

怎么用js去更换验证码

html: <div style="display:none;text-align: center;margin-top: 20px;" id="captchaDiv&qu...

前端 2024-04-10 浏览(787 作者( TeachingNote )

vue3 element plus dialog 弹窗滚动条默认在顶部

<el-dialog v-model="DialogVisible" :destroy-on-close="true"> <el-table :...

前端 2024-04-02 浏览(915 作者( 忆点点 )

vue3 使用 nextTick

在Vue3中,nextTick的使用方式与Vue2有所不同。在Vue2中,我们通常使用this.$nextTick()来调用nextTick API,而...

前端 2024-04-02 浏览(952 作者( 忆点点 )

vue 运行dev与打包build错误digital envelope routines::unsupported

原因是:当 nodejs 升级到17+版本以后,开始支持 OpenSSL 3.0,而 OpenSSL 3.0 对各种摘要算法做了更严格的限制...

前端 2024-03-27 浏览(720 作者( 忆点点 )

颜色渐变,颜色搭配

[TOC]先看看一组echarts里边的颜色渐变搭配itemStyle: { normal: { colo...

前端 2024-03-18 浏览(920 作者( 只若初见 )

echarts饼图通过grid设置位置不生效。饼图设置位置

grid 记得是平面直角坐标系的意思,而仪表盘、饼图这种,是通过设置中心点位置的方式定位的。所以仪表盘、饼图这...

前端 2024-03-18 浏览(1359 作者( 只若初见 )

echarts 图表颜色设置,饼图颜色渐变

[TOC]echarts 图表颜色设置在外层加一个color数组就行了 color:["#1890FF","#91CB74",&quo...

前端 2024-03-16 浏览(1267 作者( TeachingNote )

uni-app中使用uCharts图表,微信小程序使用图表,饼图,柱状图,折线图等

官方文档:https://www.ucharts.cn/v2/#/guide/index 插件使用,可以直接导入uni-app项目中https://ext.dclou...

前端 2024-03-14 浏览(1654 作者( 只若初见 )

js获取最近一周,最近两周,最近一月,最近三月等时间范围。 element ui 时间日期范围组件设置默认值

最近一周const end = new Date(); const start = new Date(); start.setTime(start.getTime() - 3600 * 1000 *...

前端 2024-03-14 浏览(1168 作者( TeachingNote )

HTML 标题

HTML 标题HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的。实例<h1>这是一个标题</h...

前端 2024-03-09 浏览(933 作者( 默认昵称 )

element ui table 表格获取 行号,列数

方法一:页面 <el-table-column prop="courseName" label="测试获取行号" align="...

前端 2024-03-05 浏览(1604 作者( 小可爱 )

element ui 表单 表单元素在竖着布局的基础上横向布局横向显示,一行显示多个

效果如下主要是这一排的:(tip:截图里边右边没有对齐,应该是这里截图的时候调试后的造成的,实际情况是对齐的...

前端 2024-03-04 浏览(1293 作者( TeachingNote )

vue 组件引入,组件引用

第一步引用组件绝对路径和相对路径都可以,下面是两种常用的引入方式 import SendStudentMessage from '@/v...

前端 2024-03-04 浏览(935 作者( TeachingNote )

uniapp文档在线浏览,pdf,excel,word等

示例代码uni.downloadFile({ url: 'https://example.com/somefile.pdf', success: function (res)...

前端 2024-01-24 浏览(1825 作者( TeachingNote )

最近天气

好句分享

在情感关系里沟通是最重要的,喜欢开心要告诉对方,讨厌生气也要让对方明白,这样双方才能把握好分寸让彼此都能轻松自在,所以爱绝不是只为满足自己的需求任性妄为,爱的基础是尊重,没有这个就只是打着爱的幌子相互伤害。因为有你满心欢喜,也因为有你满是遗憾。

技术交流