排名
1
文章数
15030
总访问量
216.3万
粉丝数
30
评论数
120
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
二：选择一个版本点击，选为...
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" />
就是要注意一下路径，一半小程序有大小限制，一般不会把图片直接放到程序里边，自己放到自己存储图片的服...
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 ：渝ICP备18016597号-1
网站信息：2018-2024TNBLOG.NET
技术交流：群号656732739
联系我们：contact@tnblog.net
公网安备：
50010702506256
50010702506256
欢迎加群交流技术