-
TeachingNote前端
input type file 文件选择框设置为多选,获取选择的多图
html <input ref="inputImgFile" type="file" multiple="true" accept="... -
TeachingNote前端
禅道如何查看自己已经解决过的bug
地盘(首页)—>仪表盘—>右下角我的贡献里边有个解决的Bug数 -
TeachingNote前端
怎么用js去更换验证码
html: <div style="display:none;text-align: center;margin-top: 20px;" id="captchaDiv&qu... -
忆点点前端
vue3 element plus dialog 弹窗滚动条默认在顶部
<el-dialog v-model="DialogVisible" :destroy-on-close="true"> <el-table :... -
忆点点前端
vue3 使用 nextTick
在Vue3中,nextTick的使用方式与Vue2有所不同。在Vue2中,我们通常使用this.$nextTick()来调用nextTick API,而... -
忆点点前端
vue 运行dev与打包build错误digital envelope routines::unsupported
原因是:当 nodejs 升级到17+版本以后,开始支持 OpenSSL 3.0,而 OpenSSL 3.0 对各种摘要算法做了更严格的限制... -
只若初见前端
颜色渐变,颜色搭配
[TOC]先看看一组echarts里边的颜色渐变搭配itemStyle: { normal: { colo... -
只若初见前端
echarts饼图通过grid设置位置不生效。饼图设置位置
grid 记得是平面直角坐标系的意思,而仪表盘、饼图这种,是通过设置中心点位置的方式定位的。所以仪表盘、饼图这... -
TeachingNote.net
echarts 图表颜色设置,饼图颜色渐变
[TOC]echarts 图表颜色设置在外层加一个color数组就行了 color:["#1890FF","#91CB74",&quo... -
只若初见前端
uni-app中使用uCharts图表,微信小程序使用图表,饼图,柱状图,折线图等
官方文档:https://www.ucharts.cn/v2/#/guide/index 插件使用,可以直接导入uni-app项目中https://ext.dclou... -
TeachingNote前端
js获取最近一周,最近两周,最近一月,最近三月等时间范围。 element ui 时间日期范围组件设置默认值
最近一周const end = new Date(); const start = new Date(); start.setTime(start.getTime() - 3600 * 1000 *... -
默认昵称前html
HTML 标题
HTML 标题HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的。实例<h1>这是一个标题</h... -
小可爱前端
element ui table 表格获取 行号,列数
方法一:页面 <el-table-column prop="courseName" label="测试获取行号" align="... -
TeachingNote前端
element ui 表单 表单元素在竖着布局的基础上横向布局横向显示,一行显示多个
效果如下主要是这一排的:(tip:截图里边右边没有对齐,应该是这里截图的时候调试后的造成的,实际情况是对齐的... -
TeachingNote前端
vue 组件引入,组件引用
第一步引用组件绝对路径和相对路径都可以,下面是两种常用的引入方式 import SendStudentMessage from '@/v... -
TeachingNote前端
uniapp文档在线浏览,pdf,excel,word等
示例代码uni.downloadFile({ url: 'https://example.com/somefile.pdf', success: function (res)... -
忆点点前端
vue 循环,v-for
记录一下备忘 <view v-for="(item,index) in dataList" :key="index"> {{item.... -
TeachingNote前端
vue 菜单选中,菜单切换,直接浏览器输入地址菜单选中,路由切换的时候菜单选中,点击的时候菜单选中
页面<div id="usersubmenu" class="menuwapper"> <div class="menuitem&q... -
TeachingNote前端
vue 绑定 拼接字符串
vue 绑定 拼接字符串方法1: <iframe ref="iframe" v-loading.fullscreen.lock="fullscreen... -
TeachingNote前端
js产生0到100随机整数
可以使用JavaScript的Math.random()函数来生成0到1之间的随机小数。然后将这个小数乘以100并取整得到所需范围内... -
TeachingNote前端
Vue 3入门介绍
一、Vue 3简介Vue.js是一个流行的JavaScript框架,用于构建用户界面。Vue 3是Vue.js的最新版本,它引入了许多新... -
TeachingNote前端
js数组对象,数组集合。js集合数组找位置找下标。查找数组中某个对象的位置。数组根据下标删除
[TOC]手写 for 循环let arr = [{ name: 'jin', code: 1 }, { name: 'chang', ... -
小可爱前端
vue3 显示本地asserts图片
[TOC]方法一,先import在使用vue3中这样显示 import chatHealth from '@/assets/chat-health.png' <... -
只若初见前端
element plus el-date-picker 时间格式设置,时间范围的默认值,获取当周,当月等。设置默认值为上个星期的,上个月的,一个星期的,一个月的。后台接收时间范围参数
[TOC]vue3 下 element plus下的基础使用非常简单直接给那个v-model给默认值就行了: <el-date-picker v-mode... -
忆点点前端
vue3 子组件调用父组件方法
[TOC]带有setup()的组合API - context.emit父组件组件 <my-childe ref="RefChilde" @closePopup=... -
忆点点前端
uni-app实现图片预览
基本用法:在uniapp中,我们可以使用uni.previewImage()API对图片进行预览,具体使用方法如下: uni.previewIma... -
人生若只如初见前端
reactTS项目配置@别名
在tsconfig.json中配置路径别名:打开项目根目录下的tsconfig.json文件。在compilerOptions字段下添加以下两个属... -
忆点点前端
js 设置cookie与域
代码如下: document.cookie="key=value;domain=.cqzuxia.com" 还可以设置path=/;expires=等 -
人生若只如初见前端
react 安装 create-react-app脚手架 搭建项目
安装脚手架 npm install -g create-react-app查看是否安装成功create-react-app -V创建项目create-react-app dem... -
小见前端
element plus与element ui 多选表格判断某行是否选中
element plus 多选表格判断每行是否选中@select="selectRow" const selectRow = (selection: any, ... -
忆点点前端
vue3+vite读取环境变量
在.env.development与.env.production中配置注意要使用VITE开头比如:VITE_IS_SHOW_MENU = true 读取: import... -
只若初见前端
vue3 ref转化成 HTMLElement。vue3通过ref获取dom节点
vue3其实是可以直接利用ref获取dom节点的,代码如下<template> <div class="app-container&q... -
只若初见前端
Element Plus 带提交内容的删除确认框
代码如下: ElMessageBox.prompt('是否确认删除数据,涉及到的数据将会被物理删除,如果确定,清输入:... -
只若初见前端
element plus 日期选择器 限制日期范围。限制只能选择当前月份之后的月份
element plus 日期选择器 可以用disabledDate来限制日期范围。例如限制只能选择当前月份以及之后的月份。 <... -
只若初见前端
element plus table 表格 获取选中的行
官网的表格文档就有,直接一个方法就搞定了,看官网表格的文档中的方法介绍就有了 使用getSelectionRows方法即... -
只若初见前端
ts 报错 xxx.value is possibly null
直接去 tsconfig.json 中把strictNullChecks配置修改为false即可 "strictNullChecks":false