排名
1
文章数
15030
总访问量
216.3万
粉丝数
30
评论数
120
代码如下:
// Base64 编码的图片转成二进制图片
const base64ToImg = (base64String: string) => {
const byteString = window.atob(base64String.split(',')[1])
const mimeString = base64String.split(',')[0].split(':')[1].split(';')[0]
...
主要使用插件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"/>
在页面里...
代码如下:
<!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>
<...
效果图:
代码如下:
<template>
<div class="module-manage-container">
<div style="display: flex">
<el-card class="box-card" style="width: 300px; margin-right: 10px">
<el-scrollba...
[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 树型递归查询官方文档: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...
https://element.eleme.cn/#/zh-CN/component/button 官网这个图标按钮我这样放进去不行,显示不出来,有可能是版本问题
我这里需要这么使用,增加一个icon的绑定:
<el-button type="success" :icon="Plus" size="default">添加培训项目</el-button>
还需要给对应的...
首先,在你的appsettings.json文件中添加你需要的配置项{
"SomeSetting": "Some value"
}
项目中引用Microsoft.Extensions.Configuration.Json包<ItemGroup>
<PackageReference Include="Microsoft.Extensions.Configuration.Json" Version="6.0.0"...
封装根据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...
[TOC]实现效果一效果图
代码如下template:<template>
<div class="emergencyEvents-container">
<el-table :data="tableData" style="width: 100%" :header-cell-style="headerCellStyle" :row-style="rowStyle">
<...
[TOC]Vue 3 引入了一个新的核心特性,即 Composition API,它提供了一种更灵活、更强大的方式来组织和重用逻辑。与 Vue 2 的 Options API 相比,Composition API 允许你以一种更接近 JavaScript 函数的方式来编写组件逻辑,这特别有利于大型组件和逻辑的重用。
主要概念1.setup() 函数
setup() 是 Composition AP...
mitt 是一个轻量级的事件发射器(event emitter),它可以很容易地集成到 Vue 3 应用中。
下面是一个使用 Vue 3 的 provide/inject 和 mitt 来实现跨组件事件通信的简单示例:
安装 mitt首先,你需要在你的项目中安装 mitt。如果你使用的是 npm 或 yarn,可以通过以下命令来安装:
npm install mitt --save
#...
在Vue 2中,事件总线(Event Bus)是一种跨组件通信的常用方法,尤其是在组件之间没有直接父子关系时。事件总线本质上是一个空的Vue实例,用于触发和监听事件。这里将给出一个简单的Vue 2事件总线示例。
[TOC]步骤 1: 创建事件总线首先,你需要创建一个事件总线实例。通常,你会在一个单独的文件中做这个操作,比...
[TOC]select加载的代码如下<template>
<el-select size="small" clearable="" multiple v-model="choiseLevels" placeholder="请选择消息等级">
<el-option
v-for="item in msgLevelTagArray"
:key="item.value"
...
下载免费使用的官网网址:https://www.xshell.com/zh/free-for-home-school/
下载页面是这个:https://www.xshell.com/zh/xshell-download/
然后找到免费授权页面,点击进去也可以跳转到下载免费版的页面去
这个就是因为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
欢迎加群交流技术