tnblog
首页
视频
资源
登录
排名
1
文章数
15030
总访问量
216.3万
粉丝数
30
评论数
120

VUE, JS Base64上传图片或文件。Base64 编码的图片转成二进制图片

代码如下: // Base64 编码的图片转成二进制图片 const base64ToImg = (base64String: string) => { const byteString = window.atob(base64String.split(',')[1]) const mimeString = base64String.split(',')[0].split(':')[1].split(';')[0] ...

前端 2024-12-02 浏览(11

vue3 在线签字,生成一张图 。重置的时候保留背景颜色

主要使用插件vue-esign,官方文档:https://github.com/JaimeCheng/vue-esign [TOC]一:添加引用cnpm install vue-esign 二:简单使用先引用 import vueEsign from 'vue-esign' 就可以直接使用了 <vue-esign ref="esign" :width="800" :height="300"/> 在页面里...

前端 2024-12-02 浏览(14

flex实现一行尽可能的容纳更多子项,且每项的内容自适应宽度,自适应内部文字的宽度

代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Flexbox Layout Example</title> <...

前端 2024-11-21 浏览(99

element plus tree 把数据源里边的所有isShowMenu都赋值为false,在树节点右边增加操作按钮,只显示当前点击节点的菜单

效果图: 代码如下: <template> <div class="module-manage-container"> <div style="display: flex"> <el-card class="box-card" style="width: 300px; margin-right: 10px"> <el-scrollba...

前端 2024-11-18 浏览(97

tree 树形递归解析算法,处理特殊的根节点条件,特定的顶级顶层条件。树形获取顶级下面所有的子级id

[TOC]一般情况下的递归解析树形参考:https://www.tnblog.net/aojiancc2/article/details/4785这个是sqlsugar封装的关于树形相关的方法https://www.donet5.com/home/doc?masterId=1&typeId=2311 树形递归解析算法,处理特殊的根节点条件,特定的顶级顶层条件在sqlsguar中有一个这样的表 public class Tree ...

后端 2024-11-07 浏览(111

sqlsugar 树型递归查询。UtilMethods.BuildTree 用法

sqlsugar 树型递归查询官方文档:https://www.donet5.com/home/doc?masterId=1&typeId=2311 UtilMethods.BuildTree 用法public class Tree { [SqlSugar.SugarColumn(IsPrimaryKey = true)] public int Id { get; set; } public string Name { get; set; } public int ParentId { get; s...

后端 2024-11-07 浏览(144

element plus 图标按钮,按钮加图标。直接显示图标,修改图标大小

https://element.eleme.cn/#/zh-CN/component/button 官网这个图标按钮我这样放进去不行,显示不出来,有可能是版本问题 我这里需要这么使用,增加一个icon的绑定: <el-button type="success" :icon="Plus" size="default">添加培训项目</el-button> 还需要给对应的...

前端 2024-10-25 浏览(175

.net core 获取配置文件, 在其他层获取配置文件,在任意层里边获取配置文件

首先,在你的appsettings.json文件中添加你需要的配置项{ "SomeSetting": "Some value" } 项目中引用Microsoft.Extensions.Configuration.Json包<ItemGroup> <PackageReference Include="Microsoft.Extensions.Configuration.Json" Version="6.0.0&quot...

.net core 2024-10-25 浏览(185

js实现分组,vue中 js实现分组

封装根据teacherId分组的方法:// 根据老师id groupByTeacherId(items) { return items.reduce((groups, item) => { const key = item.teacherId; if (!groups[key]) { groups[key] = { teacherName: item.teacherName, items: [], }; } groups[key].i...

前端 2024-10-10 浏览(275

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

[TOC]实现效果一效果图 代码如下template:<template> <div class="emergencyEvents-container"> <el-table :data="tableData" style="width: 100%" :header-cell-style="headerCellStyle" :row-style="rowStyle"> <...

前端 2024-09-24 浏览(401

Vue 3的Composition API介绍

[TOC]Vue 3 引入了一个新的核心特性,即 Composition API,它提供了一种更灵活、更强大的方式来组织和重用逻辑。与 Vue 2 的 Options API 相比,Composition API 允许你以一种更接近 JavaScript 函数的方式来编写组件逻辑,这特别有利于大型组件和逻辑的重用。 主要概念1.setup() 函数 setup() 是 Composition AP...

前端 2024-09-16 浏览(516

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

mitt 是一个轻量级的事件发射器(event emitter),它可以很容易地集成到 Vue 3 应用中。 下面是一个使用 Vue 3 的 provide/inject 和 mitt 来实现跨组件事件通信的简单示例: 安装 mitt首先,你需要在你的项目中安装 mitt。如果你使用的是 npm 或 yarn,可以通过以下命令来安装: npm install mitt --save #...

前端 2024-09-15 浏览(610

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

在Vue 2中,事件总线(Event Bus)是一种跨组件通信的常用方法,尤其是在组件之间没有直接父子关系时。事件总线本质上是一个空的Vue实例,用于触发和监听事件。这里将给出一个简单的Vue 2事件总线示例。 [TOC]步骤 1: 创建事件总线首先,你需要创建一个事件总线实例。通常,你会在一个单独的文件中做这个操作,比...

前端 2024-09-14 浏览(536

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

[TOC]select加载的代码如下<template> <el-select size="small" clearable="" multiple v-model="choiseLevels" placeholder="请选择消息等级"> <el-option v-for="item in msgLevelTagArray" :key="item.value" ...

前端 2024-09-14 浏览(479

免费使用xshell,下载免费的xshell

下载免费使用的官网网址:https://www.xshell.com/zh/free-for-home-school/ 下载页面是这个:https://www.xshell.com/zh/xshell-download/ 然后找到免费授权页面,点击进去也可以跳转到下载免费版的页面去

随笔 2024-09-13 浏览(466

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

解决方法一添加 parallel: false parallel: false 位置如下:

前端 2024-09-13 浏览(489

nginx重启,启动,退出报错 nginx: [error] CreateFile() "C:\installs\nginx-1.12.2/logs/nginx.pid" failed (2: The system cannot f

这个就是因为nginx nginx.pid文件丢失报错导致的。这个错误会导致不管是重启,启动,退出都会报错。 解决方法如下1:在对应目录创建nginx.pid文件2:通过命令,tasklist | findstr “nginx.exe” 找到nginx的pid (第一个是主进程第二个是守护进程用第一个)3:把找到pid写入刚刚创建的文件4:重启nginx或者关闭后在...

后端 2024-08-31 浏览(627

微信小程序开发,发布测试版,体验版。登录微信小程序开发管理

登录微信小程序开发管理地址:https://mp.weixin.qq.com/ 发布测试版一:先上传代码一般都是上传build版本,代码会比dev版本少很多。一般都是使用下面的命令运行build版本(uni-app 开发的可以使用下面的命令编译成build版本,在通过微信开发者工具上传即可) npm run build:mp-weixin 二:选择一个版本点击,选为...

.net 2024-08-27 浏览(559

这一生多幸运赶上过你.
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术