排名
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]
...
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"/>
在页面里...
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>
<...
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...
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
...
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...
element plus 图标按钮，按钮加图标。直接显示图标，修改图标大小
https://element.eleme.cn/#/zh-CN/component/button 官网这个图标按钮我这样放进去不行，显示不出来，有可能是版本问题
我这里需要这么使用,增加一个icon的绑定：
<el-button type="success" :icon="Plus" size="default">添加培训项目</el-button>
还需要给对应的...
.net core 获取配置文件， 在其他层获取配置文件，在任意层里边获取配置文件
首先，在你的appsettings.json文件中添加你需要的配置项{
"SomeSetting": "Some value"
}
项目中引用Microsoft.Extensions.Configuration.Json包<ItemGroup>
<PackageReference Include="Microsoft.Extensions.Configuration.Json" Version="6.0.0"...
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...
element ui table 表格行颜色自定义,单元格颜色自定义。背景颜色自定义。风格自定义
[TOC]实现效果一效果图
代码如下template:<template>
<div class="emergencyEvents-container">
<el-table :data="tableData" style="width: 100%" :header-cell-style="headerCellStyle" :row-style="rowStyle">
<...
Vue 3的Composition API介绍
[TOC]Vue 3 引入了一个新的核心特性，即 Composition API，它提供了一种更灵活、更强大的方式来组织和重用逻辑。与 Vue 2 的 Options API 相比，Composition API 允许你以一种更接近 JavaScript 函数的方式来编写组件逻辑，这特别有利于大型组件和逻辑的重用。
主要概念1.setup() 函数
setup() 是 Composition AP...
vue3 跨组件方法调用。Vue 3 的 Provide / Inject 与 mitt
mitt 是一个轻量级的事件发射器（event emitter），它可以很容易地集成到 Vue 3 应用中。
下面是一个使用 Vue 3 的 provide/inject 和 mitt 来实现跨组件事件通信的简单示例：
安装 mitt首先，你需要在你的项目中安装 mitt。如果你使用的是 npm 或 yarn，可以通过以下命令来安装：
npm install mitt --save
#...
vue2 事件总线。 跨组件方法调用。跨组件改变数据，跨组件执行方法
在Vue 2中，事件总线（Event Bus）是一种跨组件通信的常用方法，尤其是在组件之间没有直接父子关系时。事件总线本质上是一个空的Vue实例，用于触发和监听事件。这里将给出一个简单的Vue 2事件总线示例。
[TOC]步骤 1: 创建事件总线首先，你需要创建一个事件总线实例。通常，你会在一个单独的文件中做这个操作，比...
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"
...
免费使用xshell，下载免费的xshell
下载免费使用的官网网址：https://www.xshell.com/zh/free-for-home-school/
下载页面是这个：https://www.xshell.com/zh/xshell-download/
然后找到免费授权页面，点击进去也可以跳转到下载免费版的页面去
vue打包报错 The "from" argument must be of type string. Received undefined
解决方法一添加 parallel: false
parallel: false
位置如下：
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或者关闭后在...
微信小程序开发，发布测试版，体验版。登录微信小程序开发管理
登录微信小程序开发管理地址：https://mp.weixin.qq.com/
发布测试版一：先上传代码一般都是上传build版本，代码会比dev版本少很多。一般都是使用下面的命令运行build版本(uni-app 开发的可以使用下面的命令编译成build版本，在通过微信开发者工具上传即可)
npm run build:mp-weixin
二：选择一个版本点击，选为...
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 ：渝ICP备18016597号-1
网站信息：2018-2024TNBLOG.NET
技术交流：群号656732739
联系我们：contact@tnblog.net
公网安备：
50010702506256
50010702506256
欢迎加群交流技术