前端
vue3 element-plus 表格 day.js 时间格式化显示
引入day.js
import { dayjs } from 'element-plus'
显示时间
<el-table-column prop="create...
生成通用的边距样式，外边距、内边距全局样式。字体大小全局样式。通用全局样式封装
样式代码如下：
<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坐标。这样可...
Canvas在绘制文字的时候，实现文字的水平间距调整，类似css里边的letter-spacing
在Canvas上绘制文字时，虽然Canvas的2D渲染上下文（CanvasRenderingContext2D）没有直接提供类似于CSS中letter-s...
vue3 使用Canvas对图像进行编辑，图片里边添加文字，导出为图片，导出图片的时候按照一定比例进行导出
比如我想把原图为35082480的缩小三倍变成1169827下编辑，这个时候我把Canvas的宽高设置成1169827编辑后，后导出...
uniapp plus.runtime.install 安装失败
APP 权限配置添加"<uses-permission android:name=\"android.permission.REQUEST_INSTALL_PACKAGES...
uniapp 应用热更新，进度条/权限
/** * 检查安装应用权限 */ checkInstallPermission() { return new Promise((resolve, reject) =>...
vue3 图片上传，文件上传，视频上传。图片预览，视频预览。
直接调用接口上传参考:https://www.tnblog.net/notebook/article/details/8495[TOC]基础的图片上传，文件上传，...
vue3 element plus 常用提示信息，提示框
引入相关方法import { ElMessageBox, ElMessage } from 'element-plus'
常用提示框写法ElMessage.warni...
vue3 实现div滚动到一定位置就固定他，实现一侧滚动到某个位置就固定，实现滚动条滚动到一边的最底部就固定
在vue2以及普通页面里边使用参考：https://www.tnblog.net/aojiancc2/article/details/1273本来在vue中最好不要...
vue3 使用Transition实现一个侧边菜单
从左边弹出<template>
<div>
<button @click="showMenu = !showMenu"&g...
不同宽度下不同分辨率下的自适应布局样式写法
使用media可以在不同宽度下写不同的样式，代码如下
<style>
@media (min-width: 1024px) {
.about {
...
VUE, JS Base64上传图片或文件。Base64 编码的图片转成二进制图片。封装的直接调用接口的图片上传。canvas生成的图片上传。blob类型的图片文件上传。vue3签字图片上传
代码如下：
// Base64 编码的图片转成二进制图片
const base64ToImg = (base64String: string) => ...
vue3 在线签字,生成一张图 。重置的时候保留背景颜色
主要使用插件vue-esign,官方文档：https://github.com/JaimeCheng/vue-esign
[TOC]一：添加引用cnpm install vu...
vue3 视频默认显示第一帧，解决视频加载的时候是黑色的问题
[TOC]方法一：使用 JavaScript 的 Canvas API 来截取视频的第一帧<template>
<div class="vide...
flex实现一行尽可能的容纳更多子项，且每项的内容自适应宽度，自适应内部文字的宽度
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=&...
element plus tree 把数据源里边的所有isShowMenu都赋值为false，在树节点右边增加操作按钮，只显示当前点击节点的菜单
效果图：
代码如下：
<template>
<div class="module-manage-container">
...
vue自适应高度，vue让某个组件的高度等于一个屏幕在其他内容下剩余的高度。vue自适应一个屏幕剩余的高度。element el-table自适应高度。保持和整个浏览器一样的高度
其实原理非常简单，就是获取屏幕的高度然后减去其他内容占用的高度就行了。
核心代码如下<script setup lang...
js根据逗号拆分字符串，并且去掉最后一个逗号
代码如下：
// 原始字符串
const str = "000f276dd46e47c99dc4e6133bd129d7,0019eeaae60942aab94d84025...
技术分类
最近天气
好句分享
在情感关系里沟通是最重要的，喜欢开心要告诉对方，讨厌生气也要让对方明白，这样双方才能把握好分寸让彼此都能轻松自在，所以爱绝不是只为满足自己的需求任性妄为，爱的基础是尊重，没有这个就只是打着爱的幌子相互伤害。因为有你满心欢喜，也因为有你满是遗憾。
人气博主
-
剑轩
平时爱打羽毛球~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
精品推荐
技术分类
备案信息
技术交流
