老张代码-CSDN博客

1.flex-wrap: wrap;之后第二行和第一行会产生一个比较大的空白间距，如下图：代码如下：1.1 大家可以看到，我的父元素的高是600，这个是flex的一个特性，我的一个卡片的高度是150，换行之后两行卡片会平分600的高度，大家可以看一下卡片的高度加上空白的高度正好是600，这个时候只要改变高度就会把中间这个空白距离减少如下图：1.2 大家看到我把高度改到了四百中间空白间距就变少了，但是这样做对样式改变有点大，如果是对父元素高度没要求的情况下可以使用，但是有要求的话还是尽量不

2022-03-02 11:03:50 1427

原创 UNI APP 利用过滤器解决后台返回带标签的内容时图片过大的问题（图文）

有时候后台返回的数据像这样的，如图：带标签，平时就只能v-html渲染出来，但是如里面有图片的话会出现图片过大超出屏幕的问题，那么普通的加样式已经不会生效了，就只能想办法来解决了。代码演示，解决办法呢，也很简单、只要利用好过滤器就好了。1.html部分，这个是你要渲染的数据，‘formatRichText’这个就是过滤器的属性名 <rich-text :nodes="product.detailMobileHtml|formatRichText"></rich-text&

2021-09-27 15:19:52 923

原创 2021-09-25 uniapp的条件编译，用于各种兼容的问题解决（文图详解）

1. 由于UNIAPP 是一套代码多个平台都可以使用，所以就有些兼容问题要处理。有些代码小程序是没有问题，但是到了H5或者是APP 就无法使用的问题。2.这些问题呢，UNIAPP有一个API 的条件编译可以解决，就跟VUE的if else一样简单方便，可以解决大部分的兼容问题，接下来就给大家详细的列举一下并告诉怎么使用。3.使用方法和类型3.1下面的样式是在js中使用// #ifdef APP-PLUS 此代码只在APP中出现// #endif// #ifdef H5 此代码

2021-09-25 15:27:46 3411

原创 2021-09-25 在uniapp中打包成app调用地图提示 uni.authorize is not a function 怎么办（图文详解）

很简单的解决方法，因为如果你是小程序的话调用地图是需要授权的，所以你就用到了uni.authorize 这个方法，但是这个方法只是支持小程序调用，H5和APP是无法调用的，所以这个时候你只需要加一个判断就好了。代码如下：1. 首先是小程序的代码需要加上uni.authorize ，但是要加上 //#ifdef MP-WEIXIN 这个代码的意思是只在小程序中执行这串代码，2.其次是H5和APP中的代码，//#endif 这个代码的意思是就是除了小程序其他的平台都执行这个代码。这样

2021-09-25 14:07:00 7225

原创 vue 数组对象去重最简单粗暴的方法

去重的最简单的方法，建议直接复制代码1.这是点击按钮，向后台请求接口获得数据a11 (e) { this.aa1 = e.target.value apiSales.GetSalaesmanByType(this.aa1).then(res => { let arr1 = this.unique(res.data.rows);// 调用去重的事件函数 this.SalesSelect = arr1 // 接受返回来的值并使用当然这些变量都是

2021-08-06 14:37:26 1957

原创如何改变Ant desig vue 表格头部的样式和表格内的样式

1. 设置表格的斑马纹的效果//这是第一行改变颜色::v-deep .ant-table-tbody .ant-table-row:nth-child(odd) { background-color: #f6f5f6;}// 这是第二行改变颜色::v-deep .ant-table-tbody .ant-table-row:nth-child(even) { background-color: #f6f5f6;}2.改变表格标题头部的颜色和其他样式::v-deep .ant-

2021-08-06 11:00:40 2922

原创关于时间格式化和获取月初和月末时间

vue系统自带返回的时间是不能使用的，所以需要格式化一下。接下来我将告诉你们如何获取当前月时间并格式化。我的需求是获取当月的月初和月末的时间。## 1.第一步，先安装插件，这个插件可以方便快捷的格式化时间格式2.如果嫌麻烦可以直接复制粘贴我的代码。created() { var d = new Date(); //月初 this.kaisDate = d.setDate(1); this.kaisDate = new Date(this.kais

2021-08-03 16:33:49 491

原创如何使用VUE过滤器

1.定义一个全局变量2.改变指针并且使用过滤器

2021-07-20 16:57:33 66

原创 Ant design vue时间选择框 TypeError: value.locale is not a function“ found in

这次主要说的是点击编辑，时间不回显的问题点击编辑然后会出现以下错误：TypeError: value.locale is not a function"found in原因是因为DatePicker赋值需要moment格式的数据，直接赋值String类型会报错，需要moment(dateString)后，再赋值给组件。比如：一开始我是这样写的：这样就会报错，但是如果我改成这样的话：就没什么问题了。时间就可以正常显示了。。...

2021-06-29 09:43:27 2849

原创 uniapp微信授权+获取手机号+解密手机号（带图详解）

那废话不多说，开始今天的教程，我会在尾部添加全部代码，如果你懒的自己写，可以复制我的代码，但是里面的一些数据你需要更换，我会标注出来1.获取微信信息（我的写法是自动获取，而不需要点击触发事件获取）。直接上图：第二步：小程序登录、用户信息相关接口调整说明：https://developers.weixin.qq.com/community/develop/doc/000cacfa20ce88df04cb468bc52801考虑到近期开发者对小程序登录、用户信息相关接口调整的相关反馈，为优化开发者调

2021-06-08 15:45:13 6705 11

原创 uniapp开发小程序Token值失效的问题（带图详细解说）

1.开发微信小程序的时候你会发现明明token值都对，而且还没过有效期，为什么请求数据的时候提示登录失效，请重新登录。2.根据我的经验来说可能是缺少请求头的原因，不知道对你有没有效果。看下图：1.这是第一步。查看返回的值2. 我们就要想办法取到这个值，我用到了字符串的截取3. 把取到的值放在本地缓存中，以方便后期使用4.把取到保存到缓存中的值并使用他，记住这一步很重要。因为以后每个页面需要用到token值的页面，都需要用到这一步最后一步，查看一下有没有这个值。我要说的一点就是这个co

2021-05-31 17:32:18 5150 1

原创 uniapp 小程序图片预览的问题（图文详细篇）

这篇文章主要写的是使用UNIAPP写小程序当中的图片点击放大预览的问题看代码<view v-for="(itemm,index) in mylist" :key="itemm.index"> <view class="atrule"> <image :src="itemm.SPURL" :data-src="itemm.SPURL" @tap="previewImage"></image> <view class="boo

2021-05-29 18:11:11 2620 3

原创 uniapp项目引入阿里彩色iconfont图标（带图超详细解说篇）的教程

1. 把选择的图标加入购物车2.解压下载好的图标包，进入解压的文件夹3. 在解压好的文件夹内打开终端4. 在打开的终端内输入代码输入命令行：npm install -g iconfont-tools 命令结束后，运行：iconfont-tools 出现如下图所示的内容，按图示输入文件名即可（或者一直回车）4.输入命令后会出现一个新的文件夹1、以上命令运行结束后，会在目录中生成 iconfont-weapp 文件夹：5. 引入图标文件1、打开uniapp，把处理好的

2021-05-28 10:40:31 2285 2

原创关于APP上传到苹果商店的详细步骤

APP开发好了要上传苹果商店。不知道步骤，不知道怎么去上传那么接下来我教你一步一步的打包上传。点击进入，查看如何打包并上传APP

2021-05-24 15:02:22 1192

原创解决git官网下载过慢的问题

相信有很多人通过官网在下载git的时候发现很慢很慢，在此呢给大家发一个镜像网站可以提供下载，解决了下载过慢的问题亲测有效！！！，里面有很多的版本可以自由选择。点击下方的链接就可以直接进去了。如果有用记得关注我网站的链接...

2021-05-22 09:05:21 182

原创使用element-ui 表格后台返回数据时间格式化的方法（无插件）

有时候后台返回的时间数据是这样的：这个时候显示很不方便而且还不太好看我们需要对他做一个初始化的操作，我们需要在时间这一个属性栏中加一个属性，formatter 如下图：这个属性是element-ui中用来初始化数据的一个属性，如下图显示：然后定义这个属性， methods: { formatDate(row, column){ let data = row[column.property] let dt = new Date(data) return

2021-05-07 10:05:06 816

原创使用element-ui中 Invalid prop: type check failed for prop “total“. Expected Number with value NaN报错详解

Invalid prop: type check failed for prop “total”. Expected Number with value 0, got String with value “”.问题重现：本文使用的是elementUI的框架，在开发时加载页面刷新时出现的报错。问题分析：发现报错total值为“”,于是去data属性里面去查看total的变量。发现total默认的值为“”，所以分析可能是没有赋初始值的原因引起的，所以我给total赋了一个初始值，这个问题就迎刃而解了

2021-05-07 09:43:45 15253

原创 vue打包后空白页和报错解决办法

vue-element-admin 运行并且打包部署后显示为空白页的解决办法：正常vue项目是要修改 config 文件夹下的 index.js 可是 vue-element-admin 项目没有这个文件，那就找到并且打开vue.config.js，将 publicPath: ‘/’ 改成 publicPath: ‘./’ 。再次执行，npm run build命令，重新打包。这时在本地打开静态文件dist里面的 index.html 页面点击登录按钮无法跳转，但是部署到服务器上是可以正常登录的。

2021-03-20 17:00:19 402

原创 vue css设置图片宽度和高度变模糊的解决办法亲测有效

设置图片大小的话会模糊，下面的方法为你完美解决困扰img { image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */ image-rendering: crisp-edges;

2021-03-20 14:01:16 3797 2

原创如何获取地址栏#号前面的参数和地址栏最后的参数

外部跳转VUE项目时自带参数，例如 http://www.hahaha.com/list?Id=9#/ 1. 外部进入的url会放在VUE项目编译以后自动加 “#/”, 其中带的参数在#/之前那么我们只能用JS的方法来获取 var url = window.location.href ; //获取当前url var dz_url = url.split('#')[0]; ...

2021-03-18 17:17:40 2639 3

原创 Flex布局介绍与详解

网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。本文介绍它的语法，下一篇文章给出常见布局的 Flex 写法。网友 J

2021-02-26 17:01:20 444

weixin_45721912的博客

原创 Vue定时器的使用和设置（图文详解）附上源码

原创 html2canvas 截图空白或出现toDataURL‘ on ‘HTMLCanvasElement或img标签没截下来的所有解决办法

原创 nvm安装后出现node或者nvm不是内部或外部命令，也不是可运行的程序解决方案

原创【关于uniapp 打包app的热更新方法】

原创 uniapp和VUE通用倒计时（文图版）附上了源码

原创 vue或uniapp内容超出盒子宽度显示省略号

原创 uniapp h5或者公众号图片安卓显示 ios不显示的问题

原创 uniapp或vue 把时间戳简单粗暴的转换成时间

原创微信小程序调定位失败或提示 chooseLocation:fail the api need to be declared in the requiredPrivateInfos field in

原创 vue+element 表单身份证号码+手机号+邮箱号的验证并且让输入框只能输入数字并不改变央样式

原创如何在不改变父元素高度的情况下消除flex-wrap: wrap；产生的间距问题（简单实用图文解说）