排名
1
文章数
15030
总访问量
216.3万
粉丝数
30
评论数
120
vue3 跨组件方法调用。Vue 3 的 Provide / Inject 与 mitt
mitt 是一个轻量级的事件发射器（event emitter），它可以很容易地集成到 Vue 3 应用中。
下面是一个使用 Vue 3 的 provide/inject 和 mitt 来实现跨组件事件通信的简单示例：
安装 mitt首先，你需要在你的项目中安装 mitt。如果你使用的是 npm 或 yarn，可以通过以下命令来安装：
npm install mitt --save
#...
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
二：选择一个版本点击，选为...
Vue 3 中 watch与watchEffect区别
在Vue 3的Composition API中，watch和watchEffect都是用于侦听响应式数据的变化，但它们之间有一些关键的区别。以下是它们在setup函数中使用的例子和区别说明。
watchwatch函数允许你指定一个或多个响应式数据源，并在这些数据源变化时执行一个回调函数。它提供了一种细粒度的控制，因为你可以精确地指定哪些数据...
图片与文字在一个div里边垂直与水平居中。暂无数据的显示
使用绝对定位的方式实现html:
<div class="course-study-empty" v-else>
<div class="empty-block">
<div class="empty-icon" />
<div class="empty-text">
暂未查询到课程设置
</div>
...
mysql 如何把一个表的字段的值修改为另外一个表字段的值
在MySQL中，如果你想要将一个表中的字段值修改为另一个表中字段的值，你可以使用UPDATE语句结合JOIN。以下是一个示例：
假设我们有两个表，table1和table2。table1有字段field1，我们想将它的值更新为table2中相应记录的field2值。
UPDATE table1
INNER JOIN table2 ON table1.id = table2.fk_id -- 假设id和fk...
uni-app vue3 微信小程序实现事件监听，回退刷新，回退后状态保持的刷新。跨页面调方法，a页面调用b页面的方法。跨页面刷新数据。子组件触发父组件事件，子组件调用父组件方法。vue 跨组件方法调用
需要刷新数据的页面<script setup lang="ts">
import { onShow, onLoad,onUnload } from '@dcloudio/uni-app';
onLoad(() => {
// 页面加载时监听事件
uni.$on("refreshTaskManage",methods.refreshTaskManage)
})
onUnload(()=>{
// 页面关闭时移除监...
设置了flex后 ，子元素的高度全部都一样了，没有自适应内容。flex 布局导致子项高度相同
原因：Flex 布局的默认是：把所有子项变成水平排列。默认不自动换行。让子项与其内容等宽，并把所有子项的高度变为最高子项的高度。解决方法：直接在flex容器上，将align-items设为 flex-start,或者align-items:center ,或者align-items属性的其他值都可以,子项就会保持其自身的高度了。如果是使用了flex-wrap，则...
uni-app textarea 修改 placeholder 字体的颜色和大小等样式
方法一: 直接设置placeholder-style <textarea style="width: 100%;height: 209rpx;" maxlength="39" placeholder-style="color:red;font-size: 24rpx;" placeholder="请输入内容..."></textarea>
方法二：先设置placeholder-class先设置placeholder-class...
.net6,.net8如何解决依赖项出现黄色感叹号的问题
解决办法可以在程序包管理控制台中使用dotnet restore命令，该命令会利用NuGet库还原整个项目的依赖库。
而且这个命令会看到库下载的地址，有可能就是因为你的地址不对，下载不到，所以才一直是黄色感叹号。
这个时候就要去看看你的程序包源配置了，比如我这里勾了两个
如果使用dotnet restore命令它下载的地址...
uni-app 开发微信小程序显示图标
uni-app 开发微信小程序图标显示其实和直接显示图标其实是一样的,如下直接用一个image即可
<image :src="`${CssImgPath}/imgs/arrow_mini.png`" class="sss-cisb-icon-arrow" />
就是要注意一下路径，一半小程序有大小限制，一般不会把图片直接放到程序里边，自己放到自己存储图片的服...
.net, c# ExpandoObject 构建动态类型。键值对Dictionary<string, object>转化成ExpandoObject
利用键值对Dictionary动态构建ExpandoObject,ExpandoObject中包含了与字典相同的键值对作为属性
using System;
using System.Collections.Generic;
using System.Dynamic;
using System.Linq;
public static class DictionaryExtensions
{
public static ExpandoObject ToExpandoObject(t...
vue3 ts 方法传参,any使用。vue3 ts reactive 使用类型，定义具体类型。vue3 ts实现分组, 多字段作为key分组，二级分组，多级分组，子级分组
[TOC]vue3 ts 方法传参,any使用方法1：
// 循环解析
dataListToAppend.forEach((element: any) => {
state.tasksPlanList.push(element)
});
方法2:
const deleteRow = (index: number, allotTaskID: number) => {
}
方法3:
const saveTaskPlan = (tasksPlanList: any) => {
}
方法4:
con...
element plus tree 获取选中节点的父节点
通过 treeRef.value.getNode(data) 获取到当前节点的实例，随后通过 node.parent 获取到父节点。
代码如下：
const getSelectData = () => {
// 获取选中的接点
let checkedNodes = treeRef.value!.getCheckedNodes(false, true)
console.log("看看选择的数据", checkedNodes)
...
input type file 文件选择框设置为多选，获取选择的多图
html <input ref="inputImgFile" type="file" multiple="true" accept="image/*" @change="uploadimg">
核心代码就是multiple="true"
jsfunction uploadimg(event) {
const files = event.target.files;
console.log(files);
}
.net core 控制器301重定向跳转
代码如下：
public IActionResult Index(string UserName, int Id)
{
// 实现永久重定向到新的URL
return RedirectPermanent($"https://user.tnblog.net/{UserName}/article/details/{Id}");
}
怎么用js去更换验证码
html:
<div style="display:none;text-align: center;margin-top: 20px;" id="captchaDiv">
<div>
<img id="captchaImg" src="/Captcha/Captcha/11" /><a href="#" onclick="changeCaptchaImg()" style="...
