排名
1
文章数
15030
总访问量
216.3万
粉丝数
30
评论数
120
uni-app 小程序 分割线与滚动。uni-app 中占满剩下高度,并且在剩下高度里边滚动
![](/img/article/ye3.png)
[TOC]常用分割线标签:
<view class="di-task-spline"></view>
样式:
.di-task-spline {
height: 1rpx;
background: #000000;
opacity: 0.1;
margin-top: 20rpx;
margin-left: 20rpx;
margin-right: 20rpx;
}
滚动滚动用的组件是scroll-view,支持横向和纵向滚动。
...
vue 实现全局配置
![](/img/article/ye3.png)
方法一1: 在静态资源里边加一个config.js
里边写一点配置,如:
window.peizhi = {
title: '过程管理平台 ',
activeName: '教学活动展示',
autoLoginUrl:"http://localhost:8080/#/",
login: {
// 登录页系统名称
// sysName: 'SmartEDU',
sysName...
input type file 限制上传图片和视频。限制上传的类型,多文件上传等
![](/img/article/ye3.png)
input type file 限制上传图片和视频<input type="file" id="fileInput" multiple accept="image/*,video/*" />
各种限制上传的类型1、<input text="file" accept=".csv" /> cvs格式
2、<input text="file" accept="applic...
vue3 element plus dialog 弹窗滚动条默认在顶部
![](/img/article/ye3.png)
<el-dialog v-model="DialogVisible" :destroy-on-close="true">
<el-table :data="" :show-header="false" max-height="350">
</el-table>
</el-dialog>
核心代码就是::destroy-on-close="true"
vue3 使用 nextTick
![](/img/article/ye3.png)
在Vue3中,nextTick的使用方式与Vue2有所不同。在Vue2中,我们通常使用this.$nextTick()来调用nextTick API,而在Vue3中,用法如下:
import { onMounted, ref, nextTick } from 'vue';
update(){
console.log('需要执行的方法')
}
nextTick(() => {
up...
sqlsugar in多字段,linq 多字段查询,多对多查询方式
![](/img/article/ye3.png)
sqlsugar in多字段版本>=5.1.4.67-preview04
List<OrderItem> list=xxx;
db.Queryable<OrderItem>().Where(it => list.Any(s => s.Id == it.Id && s.Name == it.Name))
//也可以用动态表达式拼OR实现
他生成的sql不是 in (a,b)这种,其实想一下他in的不是一个而是一个集合,所...
vue 运行dev与打包build错误digital envelope routines::unsupported
![](/img/article/ye3.png)
原因是:当 nodejs 升级到17+版本以后,开始支持 OpenSSL 3.0,而 OpenSSL 3.0 对各种摘要算法做了更严格的限制,可能会导致一些程序运行错误。
简单的解决方法在命令后面加上环境变量设置即可。
原来的配置:
"scripts": {
"serve": "vue-cli-service serve",
"...
vue 循环,v-for
![](/img/article/ye3.png)
记录一下备忘
<view v-for="(item,index) in dataList" :key="index">
{{item.fileName}}
</view>
navicat把查询结果导出excel
![](/img/article/ye3.png)
执行sql后有一个导出结果就可以选择导出excel
注意一般要执行后才会执行这个菜单,而且好像导出一次后这个菜单会变白,不晓得是不是我这边这个工具的问题。最好把你想要导出的sql单独开一个查询窗口执行后点击导出结果,可以避免sql太多操作错乱了
EF CORE 非跟踪查询 AsNoTracking, 不跟踪查询。解决EF 报错is already being tracked. When attaching existing entities
![](/img/article/ye3.png)
EF非跟踪查询加上AsNoTracking即可,如下:
// 使用非跟踪查询的方式
List<UserDetails> getUserDetails = _userDetailsRepository.AsNoTracking().ToList();
可以解决一些已经存在上下文的错误,比如出现报错:cannot be tracked because another instance with the same key value for {'Id'} i...
.net core 3.0+ json时间格式化 ,全局配置json时间序列化格式
![](/img/article/ye3.png)
需要先创建格式类:namespace WY.JBLand.API.MyResults
{
public class DateTimeConverters : JsonConverter<DateTime>
{
public override DateTime Read(ref Utf8JsonReader reader, Type typeToConvert, JsonSerializerOptions options)
{
return DateTime.TryP...
c#,.net 从身份证号拆分出生日。.net没有短横杠字符串转日期格式。自定义字符串转日期格式
![](/img/article/ye3.png)
代码如下
// 解析出生日期
string birthdayStr = idCard.Substring(6, 8);
DateTime birthday = DateTime.ParseExact(birthdayStr, "yyyyMMdd", null);
.net core实现图片防盗链
![](/img/article/ye3.png)
创建一个中间件实现图片防盗链简单的就是直接判断Referer
using Microsoft.AspNetCore.Hosting;
using Microsoft.AspNetCore.Http;
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Threading.Tasks;
namespace TNBLOG.Img.MyMiddleware
{
pub...
uni-app 组件编译到微信小程序后没有样式文件wxss
![](/img/article/ye3.png)
组件编译到微信小程序没有生成WXSS文件,H5与APP可以正常显示,小程序不行!
解决:不需要引用,去除页面中的import这一引用代码,所有将恢复正常!注释掉不生效组件的引用即可
<script>
// import liySelect from "../../components/liy-select/liy-select.vue"
</script>
vue3 子组件调用父组件方法
![](/img/article/ye3.png)
[TOC]带有setup()的组合API - context.emit父组件组件
<my-childe ref="RefChilde" @closePopup="closeClassRankingPopup"></my-childe>
子组件组件
setup(props, context) {
function handleClose() {
context.emit('closeClassRankingPopup', 参数);
}...
uni-app loading
![](/img/article/ye3.png)
显示加载框
//显示加载框
uni.showLoading({
title: '加载中'
});
隐藏加载框
//隐藏加载框
uni.hideLoading();
uni-load-more" class="reference-link">还可以使用组件uni-load-more这个组件是直接放到页面上面你想要放到的地方,但是使用这个组件就要注意一下样式和...
uni-app 提示框
![](/img/article/ye3.png)
可以使用showToast,代码如下:
uni.showToast({
title:"上传成功!",
duration:2000
})
官网文档:https://uniapp.dcloud.net.cn/api/ui/prompt.html#showtoast
uni-app 微信小程序 实现图片预览
![](/img/article/ye3.png)
基本用法:在uniapp中,我们可以使用uni.previewImage()API对图片进行预览,具体使用方法如下:
uni.previewImage({
urls: ['https://example.com/image1.jpg', 'https://example.com/image2.jpg'],
current: 0
});
其中,urls参数为一个字符串数组,表示需要预览的图片数组;current参数...