自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 【无标题】

【代码】【无标题】

2023-11-20 14:52:35 225 1

转载 微信小程序坑之---text嵌套text标签,点击事件失效

小程序要增加一个复制订单编号的需求,原本订单编号是用text标签进行展示的,新增按钮时候自然而然想到了在里面嵌套一个text标签,然,然后就走上了排查问题之路。最开始尝试的是认为可能是层级问题,点击不到按钮所以点击时间不生效,因此给了按钮一个相对定位并给了999的层级,但是依然不生效;接着怀疑是不是text标签不能嵌套text标签的问题,各种百度之后发现没有说不能够嵌套的问题,而且官方文档也明确说是可以且只可以嵌套text的。接着又尝试了下把最外层的text换成了view标签,结果可以了。

2023-07-10 11:44:54 687 1

转载 小程序中  空格的使用

只能是text标签使用 需要定义一个属性 decode=“true”附HTML常用特殊字符:

2023-07-03 17:39:42 333 1

转载 快速判断数组中每个对象同一属性值是否相同(3种方法)

用于找出第一个符合条件的数组成员。它的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,则返回undefined。检测数组 ticketArr 的所有元素 的isshow是否都为true,只要有一个不符合条件都验证不通过。返回第一个符合条件的数组成员的位置,如果所有成员都不符合条件,则返回-1。

2023-06-30 17:42:07 5245

转载 JS返回满足给定条件的首个元素索引值

findIndex() 方法为数组中的每个元素都调用一次函数,在回调函数内利用给定添加过滤元素,返回第一个通过检测的元素的索引位置。当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数。find() 方法为数组中的每个元素都调用一次函数,在回调函数内利用给定添加过滤元素,返回第一个通过检测的元素。当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。

2022-08-23 17:58:59 1162

转载 new Date(date)与new Date(date).getTime()在苹果手机中返回NaN

new Date(date).getTime()方法来获取时间戳,在苹果手机上不兼容,返回NaN。new Date(date)方法进行字符串日期转换成时间格式,在苹果手机上不兼容,返回NaN。解决办法:(data是字符串,格式类似于:‘2022-05-31 09:17:40’)原因:因为ios下只能解析反斜杠 / 而无法解析 - 导致的。...

2022-08-15 11:51:41 844

原创 Vue + ElementUI 开发项目,遇到下拉框option 失去焦点时 不关闭的问题

问题描述:使用Vue + ElementUI 框架开发项目且用了下拉加载更多,遇到了下拉框(el-select)中的option(el-option)失去焦点后,下拉框不隐藏,并在控制台报错**Uncaught TypeError: Cannot read properties of null (reading ‘disabled’) **,截图如下:控制台报错:不关闭的下拉选择框:百度参考了其他文章之后得到的结果是使用了el-dropdown 下缺少 el-dropdown-menu 元素

2022-04-27 10:33:55 3908 1

原创 uni-app设置路由白名单

需求:使用uni-app开发,打包成多端代码,想像vue路由一样,设置路由白名单,通过百度发现,可以使用uni-simple-router插件实现路由拦截,文档链接:https://hhyang.cn/v2/,方法及操作总结如下:直接通过编辑器导入,导入网址:https://ext.dcloud.net.cn/plugin?id=578通过npm方式创建的项目,操作如下:一、 NPM安装( 项目根目录命令行执行)npm install uni-simple-router下载成功截图如下:

2022-03-31 14:03:00 3931 3

原创 elementUI的el-select下拉加载更多及远程搜索

参考于官网(https://element.eleme.cn/#/zh-CN/component/select)及博客(https://blog.51cto.com/u_15127634/4027669)前置:vue脚手架搭建出来的项目在main.js写一个自定义指令/* 自定义指令复选框下拉加载更多 使用 el-select-loadmore*/Vue.directive('selectLoadmore', { bind(el, binding) { // 获取element-ui

2022-02-15 15:30:01 2683

原创 通过 vue-cli 创建 uni-app 项目

通过npm下载创建项目,参考官网链接(https://uniapp.dcloud.io/quickstart-cli)此文章是使用vue2创建的前置:已经全局安装了vue-cli,window+R输入cmd回车可出现, vue -V查看脚手架版本及安装如果没安装,则执行以下命令(全局安装脚手架)npm install -g @vue/cli1.使用正式版(对应HBuilderX最新正式版)vue create -p dcloudio/uni-preset-vue my-project此

2022-02-14 15:29:35 1128

原创 element-ui el-table使用v-if来控制列的显示隐藏 出现列位置错乱问题

描述:在el-table中使用v-if控制某些列的显示或者隐藏,当activeIndex数据发生改变时,下面这种写法会导致表格的列位置错乱,截图及代码如下:<el-table ref="multipleTable" :data="tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize ) " tooltip-effect="dark" style="width: 100%" :row-key=" (row) =&g

2021-12-07 14:09:31 3063 1

转载 elementUi中 el-table中@selection-change执行了两次

问题出现原因:el-table(表格)和el-pagination(分页)结合起来前端实现分页功能的时候,表格复选框执行两次,导致复选框无法勾选上,效果图如下:代码:<el-table ref="multipleTable" :data="tableData.slice((currentPage - 1) * pageSize,currentPage * pageSize)" tooltip-effect="dark"

2021-12-01 17:11:31 3366 2

原创 vue使用rem(px自动转化rem)

初始化css样式的时候,需要设置默认字体的大小*{font-size:要设置默认大小}1、通过npm下载依赖npm install postcss-pxtorem -D2、在main.js引入import "./assets/js/rem.js”3、在postcss.config.js配置如下代码,如没有就新建module.exports={ plugins:{ 'autoprefixer':{ browsers:['Android >= 4.0','iOS

2021-08-13 16:41:56 317

原创 vue+element Cascader 级联选择器之动态加载下级选项

vue+element Cascader 级联选择器之动态加载下级选项文档链接https://element.eleme.cn/#/zh-CN/component/cascader需求描述:省和市后台出两个接口,前端界面一个输入框显示出来,如图:代码在github master分支https://github.com/ysmyzly/cascader.git先请求省的接口,然后使用 @active-item-change="handleItemChange"请求下一个列表的接口,使用$set更

2021-07-20 15:33:03 832

原创 截取地址栏的参数

截取地址栏的参数代码如下(): export default { name: "Home", data() { return { token: "", }, created() { let url = this.UrlParamHash(window.location.href); this.token = url.token; window.localStorage.setItem("token", this.token); }, m

2021-07-20 10:45:10 225

原创 uni-app(小程序)中实现token过期重新登录再重新请求业务接口

小程序中实现token过期重新登录再重新请求业务接口改造于 https://blog.csdn.net/yutao618/article/details/114979512该方法同于小程序token两个小时后过期,重新获取token再请求接口1、新建一个封装请求接口文件,命名为request.js(我在utils文件夹下建request.js),代码如下:let isRefreshing = true;let subscribers = [];function onAccessTokenFet

2021-07-09 10:43:43 7345 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除