-
TeachingNote前端element plus 树形 tree 懒加载的树形，如何动态添加节点
思想思路：数据源里边是默认没有children的或者说没有走children这种结构，所以和正常的操作方法还有点不一样... -
尘叶心繁React运行IZTRO紫薇斗数命盘的排盘界面
运行IZTRO紫薇斗数命盘的排盘界面[TOC] Vite创建项目首先我们通过Vite进行项目的创建。pnpm create vite #... -
只若初见前端element plus 弹窗里边增加可以选择的按钮，弹窗按钮，菜单按钮。vue3 弹窗里边下载模板
[TOC]效果一效果图： view <el-link :underline="false" type="primary" @click=&qu... -
只若初见前端
element plus 日期组件el-date-picker增加时间日期范围,本周上周本月上月本季度上季度时间段。快捷选择
代码如下：<el-date-picker style="width: 100%" v-model="searchForm.dateRange&q... -
剑轩前端vue 搜索框搜索条件自适应布局，搜索框的内容太多了放不下的解决方法。vue3 搜索条件 如果太多了一行显示不下怎么办。按钮自适应布局
[TOC]Vue3 搜索条件自适应布局方案在 Vue3 中处理搜索条件在不同屏幕尺寸下的显示问题，可以使用以下几种方法实... -
只若初见前端
vue3 简单的element plus 表格table 页面基础模板
[TOC]简单的基础模板<template> <div class="expiredItems-container"> &l... -
TeachingNote前端
vue3 格子报表统计模板
代码如下： <template> <div class="waterFeeStatistics-container"> &... -
只若初见前端
vue3 页面基础模板(里边包括弹窗以及暴露方法出去，父组件调用），也是一个格子报表统计的模板，基础的请求，常用的变量定义等
[TOC]页面模板如下，里边包括的弹窗还包括了一个格子报表统计的模板，基础的请求等 代码如下： <template&g... -
TeachingNote前端
element plus tree 树形中根据一堆id找到这些id数组中的叶子节点。只根据叶子节点来选中树形
找到id中的叶子节点 let leafIds = [] as any // 过滤掉父节点，只留下叶子节点, 用于回显树形的选中 checked... -
TeachingNote前端
grid 布局宽度按比例(fr)自适应布局后,让高度自适应等于宽度
[TOC]问题描述用grid布局使用了一个3等分布局的样式，样式代码如下： .ibl-statistic-wrap { display: gri... -
TeachingNote前端
vue3+vite 修改启动端口。vue-next-admin修改启动端口
在vite.config.ts里边看到端口配置的位置： 可以看到获取的是配置里边的内容，找到配置的地方修改即可： 然后... -
TeachingNote前端
vue3动态生成组件，vue3动态生成element plus组件，动态生成el-tag。数据字典与类型的动态解析
示例代码如下：<template> <el-table :data="tableData"> <el-table-column a... -
TeachingNote前端
vue3 简单的页面基础模板-element plus的弹窗以及暴露方法出去
代码如下： <template> <div class="course-preview-dialog-container"> ... -
TeachingNote前端
vue3 图片裁剪插件cropper，常用的配置。比例配置，裁剪框默认按比例框完整个图片等
[TOC]裁剪比例配置使用aspectRatio属性配置 核心配置如下 this.cropper = new Cropper(this.imageElement, { ... -
TeachingNote前端
element plus el-card 如何穿透 修改里边的样式，修改边距，修改下方横线的样式变粗，修改左右间距和上下间距等。el-card实现表格上方的tab切换菜单
[TOC]直接穿透：<template> <el-card class="custom-card"> <el-tabs class=&... -
TeachingNote前端
vue3封装一个通用的数据字典选择。自定义组件支持v-model双向绑定值，支持change事件，支持传递提示语placeholder
代码如下： <template> <el-select v-model="innerValue" @change=&quo... -
剑轩前端
通过vue-cli命令行创建uni-app项目。调试微信小程序，vscode 开发 uni-app，微信小程序基础开发模板，基础架子搭建。vue3读取环境变量配置，编译配置
tip:搭建的基础开发模板放了一份在FastAdmin.NET里边的FastAdmin.Mobile.Template.Pure，方便直接拉下来使用,不... -
TeachingNote前端
vue uni-app 微信小程序 安装常用依赖
[TOC]安装sass 依赖cnpm install sass sass-loader --save-dev 或者 pnpm install sass sass-loader --save-d... -
TeachingNote前端
uni-app 开发 微信小程序 v-html会生成 rich-text，不好设置图片样式，给图片的最大宽度设置100%
方案一：通过修改数据源添加内联样式（推荐）在绑定v-html的内容中，直接为标签添加内联样式style=”max-width:1... -
TeachingNote前端
vscode ,vue3引入组件报错：Module .... has no default export
原因：在 Vue 3 中，当你在 <script setup> 中编写组件时，默认情况下，组件不是通过 default export 导出... -
TeachingNote前端
vue3 element-plus 表格 day.js 时间格式化显示
引入day.js import { dayjs } from 'element-plus' 显示时间 <el-table-column prop="create... -
TeachingNote前端
生成通用的边距样式，外边距、内边距全局样式。字体大小全局样式。通用全局样式封装，vue公共样式封装
样式代码如下： <style lang="scss"> /* 外边距、内边距全局样式 ----------------------... -
剑轩前端
element plus 的Tree 懒加载。省市县镇村树形懒加载
这里的示例代码是做的县镇村tree懒加载联动数据。接口数据这些换成自己的就行。有根据countyId查询区县下面镇... -
TeachingNote前端
样式中找到第n个子元素
代码如下： .sta-training-item:nth-child(1){ background-image: url('~@/static/imgs/teacher-center/... -
忆点点前端uni-app 微信小程序，flex 实现内容元素垂直与水平居中
效果如下，中间那块内容垂直与水平居中： [TOC]代码如下：<template> <view class="trainin... -
忆点点前端
不同分辨率自适应布局。vue 搜索栏，操作按钮自适应布局
标签<div class="toolbar"> <div> <el-button type="primary"... -
忆点点前端
vue3 读取excel 文件内容 返回json。vue3 导入excel
在 Vue 3 中读取 Excel 文件并将其内容转换为 JSON 格式，你可以使用一些第三方库，比如 xlsx 和 file-saver。下... -
风清月前端vue 弹窗里边的数据更新更改修改后如何刷新主页面内容，弹窗里边的内容是单独的组件。子组件执行父组件方法
其实在封装的组件弄一个事件即可，不然在关闭弹窗的时候刷新数据不科学，这样每次都要刷新数据。 子组件，弹窗... -
风清月前端
vue3 如何修改集合中的某一个属性。vue修改某个list对象数组中的字段值
比如我有一个对象集合，我只想修改这个集合里边某个对象的checkype属性，封装一个方法可以通过传递一个id来修改... -
剑轩前端
vue, vue3 Tinymce 图片上传 。复制粘贴图片
[TOC]上传图片，首先要启用图片插件在plugins参数中把image加进去 在工具栏显示图片工具按钮，在toolbar参数中... -
TeachingNote前端
总结 Vue3 的 13 种传参通信方式
props 父传子defineEmits 子传父mitt 兄弟组件传参$attrs （爷孙）refsv-model (双向)provide/inject (多层)路由... -
TeachingNote前端
vue3 微信小程序 uniapp图片上传，图片转base64，base64转图片
vue3 微信小程序 uniapp 图片上传uni-app中上传图片可以使用方法uni.uploadFile:uni.uploadFile官方文档：https:... -
TeachingNote前端
微信小程序设置为不缓存
设置—>通用设置—>找到：使用新版文件监听模块，把勾勾去掉即可。 -
TeachingNote前端
vue3 微信小程序，uni-app 签字版插件sp-sign-board。上传图片
插件地址：https://ext.dcloud.net.cn/plugin?id=14966 文档：https://sonvee.github.io/sv-app-docs/docs-git... -
TeachingNote前端
vue3 微信小程序，uni-app 基本模板
代码如下： <template> <view class="index-container"> 6666 </view>... -
TeachingNote前端
vue3 ts uni-app 微信小程序 抽屉菜单的使用。抽屉菜单的打开关闭。基本模板。解决抽屉菜单的滚动穿透
代码如下： <template> <!-- 解决滚动穿透 --> <page-meta :page-style="'...
