前端
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...
vue3 格子报表统计模板
代码如下：
<template>
<div class="waterFeeStatistics-container">
&...
vue3 页面基础模板(里边包括弹窗以及暴露方法出去，父组件调用），也是一个格子报表统计的模板，基础的请求，常用的变量定义等
[TOC]页面模板如下，里边包括的弹窗还包括了一个格子报表统计的模板，基础的请求等
代码如下：
<template&g...
element plus tree 树形中根据一堆id找到这些id数组中的叶子节点。只根据叶子节点来选中树形
找到id中的叶子节点
let leafIds = [] as any
// 过滤掉父节点，只留下叶子节点, 用于回显树形的选中
checked...
grid 布局宽度按比例(fr)自适应布局后,让高度自适应等于宽度
[TOC]问题描述用grid布局使用了一个3等分布局的样式，样式代码如下：
.ibl-statistic-wrap {
display: gri...
vue3+vite 修改启动端口。vue-next-admin修改启动端口
在vite.config.ts里边看到端口配置的位置：
可以看到获取的是配置里边的内容，找到配置的地方修改即可：
然后...
vue3动态生成组件，vue3动态生成element plus组件，动态生成el-tag。数据字典与类型的动态解析
示例代码如下：<template>
<el-table :data="tableData">
<el-table-column a...
vue3 简单的页面基础模板-element plus的弹窗以及暴露方法出去
代码如下：
<template>
<div class="course-preview-dialog-container">
...
vue3 图片裁剪插件cropper，常用的配置。比例配置，裁剪框默认按比例框完整个图片等
[TOC]裁剪比例配置使用aspectRatio属性配置
核心配置如下
this.cropper = new Cropper(this.imageElement, {
...
element plus el-card 如何穿透 修改里边的样式，修改边距，修改下方横线的样式变粗，修改左右间距和上下间距等。el-card实现表格上方的tab切换菜单
[TOC]直接穿透：<template>
<el-card class="custom-card">
<el-tabs class=&...
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，方便直接拉下来使用,不...
vue uni-app 微信小程序 安装常用依赖
[TOC]安装sass 依赖cnpm install sass sass-loader --save-dev 或者
pnpm install sass sass-loader --save-d...
uni-app 开发 微信小程序 v-html会生成 rich-text，不好设置图片样式，给图片的最大宽度设置100%
方案一：通过修改数据源添加内联样式（推荐）在绑定v-html的内容中，直接为标签添加内联样式style=”max-width:1...
vscode ,vue3引入组件报错：Module .... has no default export
原因：在 Vue 3 中，当你在 <script setup> 中编写组件时，默认情况下，组件不是通过 default export 导出...
vue3 element-plus 表格 day.js 时间格式化显示
引入day.js
import { dayjs } from 'element-plus'
显示时间
<el-table-column prop="create...
生成通用的边距样式，外边距、内边距全局样式。字体大小全局样式。通用全局样式封装，vue公共样式封装
样式代码如下：
<style lang="scss">
/* 外边距、内边距全局样式
----------------------...
element plus 的Tree 懒加载。省市县镇村树形懒加载
这里的示例代码是做的县镇村tree懒加载联动数据。接口数据这些换成自己的就行。有根据countyId查询区县下面镇...
样式中找到第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参数中...
总结 Vue3 的 13 种传参通信方式
props 父传子defineEmits 子传父mitt 兄弟组件传参$attrs （爷孙）refsv-model (双向)provide/inject (多层)路由...
vue3 微信小程序 uniapp图片上传，图片转base64，base64转图片
vue3 微信小程序 uniapp 图片上传uni-app中上传图片可以使用方法uni.uploadFile:uni.uploadFile官方文档：https:...
vue3 微信小程序，uni-app 签字版插件sp-sign-board。上传图片
插件地址：https://ext.dcloud.net.cn/plugin?id=14966
文档：https://sonvee.github.io/sv-app-docs/docs-git...
vue3 微信小程序，uni-app 基本模板
代码如下：
<template>
<view class="index-container">
6666
</view>...
vue3 ts uni-app 微信小程序 抽屉菜单的使用。抽屉菜单的打开关闭。基本模板。解决抽屉菜单的滚动穿透
代码如下：
<template>
<!-- 解决滚动穿透 -->
<page-meta
:page-style="'...
vue3 vite ts 使用 uni-app 微信小程序 引入组件。引入扩展组件，引入下载的组件
引入组件还是直接引用即可：
import zbTab from '@/components/zb-tab/zb-tab.vue'
import moduleItem...
vue3 ts uni-app 微信小程序 生命周期函数。uni-app 动态修改页面的title,header里边的title
vue3 ts uni-app 生命周期函数import { onLoad, onShow,onUnload } from '@dcloudio/uni-app'
onLoad...
使用grid布局实现每行2个，间距20px，每项占用间距之后剩下宽度的50%
如果直接这样设置：
grid-template-columns: repeat(2, 50%);
grid-column-gap: 20px;
他会影响整体的宽度，...
uni-app 微信小程序 修改页面的颜色
修改单个页面背景颜色方法一：在页面里边直接给page设置样式<style lang="scss">
/* 为页面...
uni-app 项目 vue3 st vite 版本 怎么配置h5启动的端口号
代码如下：
import { defineConfig } from 'vite';
import uni from '@dcloudio/uni-vite-plugin&...
vue,vue3 js,ts实现类似a标签的锚点功能，因为vue路由导致直接html的锚点功能失效
因为vue路由导致直接html的锚点功能失效，可以用js来实现，代码如下：
const toAnchorPoint = (location: s...
element ui admin 如何点击按钮关闭当前菜单。vue-element-admin关闭当前标签页。编辑文章或者编写文章后返回上一页
核心代码如下：
// 调用全局挂载的方法(vuex中封装的方法)，关闭当前页
this.$store.dispatch("ta...
axios发送一个Post请求,发送一个类似postman中的x-www-form-urlencoded 格式参数
在 Postman 中，x-www-form-urlencoded 是一种编码格式，它允许你将表单数据以键值对的形式发送到服务器，类似于...
axios发送一个Post请求,把json参数使用Form Data的形式进行传递
在 Vue 3 中使用 Axios 发送一个 POST 请求，并且以 FormData 的形式传递参数，你可以使用 FormData 对象来构建...
element plus table 表格，开启多选，增加复选框。设置忽略可选属性。获取选择的值
element plus table 表格，要开启多选非常简单，手动添加一个 el-table-column，设 type 属性为 selection 即可...
vue3组件刷新，手动刷新组件，手动重新加载组件，类似reload方法
一般情况会封装一个refreshData来重新刷新数据，但是有些情况参数比较复杂，写这种刷新方法需要注意很多东西还要...
修改element plus Carousel 走马灯 改指示器的样式，变为小圆点的效果。修改切换箭头的样式，位置，颜色等
代码如下：
<!--
修改element plus Carousel 走马灯 改指示器的样式，变为小圆点的效果。
以及切换箭...
vue 样式穿透写法
方法一:使用 ::v-deep示例代码如下：
<style scoped="scoped" lang="scss">
...
ts实现动态拼接字符串，实现类似 C# 的 string.Format的格式化字符串。ts,js动态给拼接字符串提供参数
模板是这样的：”于${0}通过${1}课程体系《${2}》课程授课”对于这种格式的模板字符串，可以使用一个简单的替换...
ts实现面向对象编程，定义属性,方法，构造函数，私有方法，以及引用类，实例化类等。vue3使用ts对象
[TOC]ts实现面向对象编程，定义属性，构造函数等基础使用在 TypeScript 中，你可以使用类和面向对象编程（OOP）...
vue3使用canvas进行绘图的时候,动态实现绘制文字居中。实现绘制文字的时候设置间距。有文字间距的情况下动态实现居中
比如我绘制两个字，drawText(‘李白’, 32,’Arial’, ‘#062466’, 516, 335)，最后两个参数是x,y坐标。这样可...
技术分类
最近天气
好句分享
在情感关系里沟通是最重要的，喜欢开心要告诉对方，讨厌生气也要让对方明白，这样双方才能把握好分寸让彼此都能轻松自在，所以爱绝不是只为满足自己的需求任性妄为，爱的基础是尊重，没有这个就只是打着爱的幌子相互伤害。因为有你满心欢喜，也因为有你满是遗憾。
人气博主
-
剑轩
平时爱打羽毛球~2018-10-01
-
雨雨雨雨辰
超超帅的博主2018-11-16
-
尘叶心繁
O(*￣︶￣*)O2018-10-09
-
小可爱
愿你善其身，愿你遇良人2018-12
-
瑾语
努力、勇敢、充满希望2019-12
-
是伍尚金哇_v
(｡･ω･｡)2018-11-23
-
风清月
Amazing everday2015-10-23
热门博主
-
Session
脚踏实地，一步一个脚印2020-12
-
忘掉过去式
忘掉过去式2019-11-26
-
叼着奶瓶逛酒吧
大概你身上总有我喜..2019-03-09
-
陪你听风
O(∩_∩)O2018-11-26
-
除暖
没有个性，不需要签名2020-09
-
清欢渡
(๑• . •๑)(｡･ω･｡)2018-12-08
-
饰心
Decorating heart2019-2-07
-
YOU
幼儿园抢饭第一名2019-05-20
精品推荐
技术分类
备案信息
技术交流
