- 博客(48)
- 收藏
- 关注
原创 抖音小程序--开启沙盒模式后一直报,获取白名单失败:您没有权限访问此应用
抖音小程序--开启沙盒模式后一直报,获取白名单失败:您没有权限访问此应用,请联系管理员在抖音开发平台账号中心页面添加开发权限
2023-07-04 19:13:01
8234
2
原创 小程序中使用scroll-view组件,内容高度未超过容器高度时依然可以上下滑动小段距离的问题
小程序中使用scroll-view标签组件,内容高度未超过容器高度时依然可以上下滑动小段距离的问题
2023-06-29 22:04:19
7358
原创 echarts中的提示框组件tooltip自定义背景图像
echarts中的提示框组件tooltip自定义显示背景图像,以及自定义显示数据样式
2022-11-08 16:58:30
17925
1
原创 ant-design中Input输入框在获取焦点时由于保留了上次输入内容而莫名出现了一个黑色背景的选择提示框,且选择提示框中的值后还会出现蓝色背景
ant-design中Input输入框在获取焦点时由于保留了上次输入内容而莫名出现了一个黑色背景的选择提示框,且选择提示框中的值后还会出现蓝色背景。
2022-08-23 01:09:20
5464
原创 ant-design中form组件的item在typescript环境下自定义提示文字(Form.Item的tooltip属性)及提示图标
ant-design中form组件的item在typescript环境下自定义提示文字(Form.Item的tooltip属性)及提示图标;label标签显示文字后面的问号图标进行自定义,并且自定义提示的文字。
2022-08-11 16:44:34
7163
原创 ant-design的Select组件采用自定义后缀图标(suffixIcon属性)时,点击该自定义图标没有反应,不会展示下拉菜单的问题
ant-design的Select组件采用自定义后缀图标(suffixIcon属性)时,点击该自定义图标没有反应,不会展示下拉菜单的问题
2022-08-03 18:07:50
6019
6
原创 The ref value ‘xxx‘ will likely have changed by the time this effect function runs.If this ref......
The ref value 'xxx.current' will likely have changed by the time this effect cleanup function runs. If this ref points to a node rendered by React, copy 'homePageRef.current' to a variable inside the effect, and use that variable in the cleanup function.
2022-07-26 17:31:29
1094
原创 ant-design的走马灯(Carousel)组件在TS(typescript)环境中调用prev以及next方法
在react框架及TS(typescript)语法环境下调用ant-design-react的走马灯(Carousel)组件的prev以及next方法
2022-07-05 23:27:41
1102
1
原创 Hydration failed because the initial UI does not match what was rendered on the server.问题原因之一
Hydration failed because the initial UI does not match what was rendered on the server.由于标签嵌套错误引起报错
2022-06-23 14:47:12
4071
原创 ant-design-vue中Model组件的content属性使用标签定义内容
Model组件中,content的内容不再是单纯的字符串,需要将得到的值用标签进行展示。ant-design-vue中Model组件的content属性使用标签定义内容。
2022-06-01 17:59:18
3595
原创 Ant-Design中DatePicker组件的moment类型时间该怎么在React+TypScript中声明类型
Ant-Design中DatePicker组件的moment类型时间该怎么在React+TypScript中声明类型
2022-06-01 11:35:40
881
原创 ant-design中对单个或多个table列表数据进行动态列合并
数据源为单个table或多个table进行展示时,对每个table中的数据中某一列进行动态列合并(把所有数据合成一列或合成多个不同段组成的一列)
2022-05-18 17:02:57
3396
原创 Extraneous non-emits event listeners (formChange).....declare it using the “emits“ option警告出现原因及解决办法
Extraneous non-emits event listeners (......子组件自定义事件名) were passed to component but could not be automatically inherited ...... If the listener is intended to be a component custom event listener only, declare it using the "emits" option.
2022-04-26 18:08:13
5393
1
原创 ant-design-vue中a-table列表数据根据点击的表头进行升/降排序
ant-design-vue中a-table列表数据根据点击的表头(哪一列)来对所有的数据进行升/降排序
2022-04-14 18:34:48
9313
原创 This value was evaluated upon firstexpanding. It may have changed since then...
记录一些小问题
2022-04-12 18:44:08
14266
3
原创 ant-design-vue中table数据在鼠标hover时去掉当前行显示的背景色
ant-design、element-ui等UI框架中,table列表的数据,在鼠标悬停(hover)时,去掉当前行所默认显示的背景颜色.
2022-02-21 18:08:24
5631
2
原创 Error: Maximum recursive updates exceeded. This means you have a reactive effect that is mutating...
Error: Maximum recursive updates exceeded. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source func
2021-12-08 22:34:59
11427
原创 v-for循环标签(含有input)出现“复用“现象的解决办法
项目中页面通过v-for循环展示时,出现所有循环子元素功能同步,标签"复用"情况的解决办法
2021-12-08 17:56:56
2057
转载 ant-design-vue中对a-model使用穿透属性仍然改不了样式的解决办法
ant-design-vue中对a-model使用穿透属性仍然改不了样式的解决办法
2021-11-15 17:03:41
8955
1
原创 Module Warning (from ./node_modules/postcss-loader/src/index.js): Warning start value has mixed ...
在本地环境启动项目,然后报如下错:CSS预处理警告:大概意思是start这个值有混合支持,考虑用flex-start来替换它。看到这里就想到了CSS样式里面的弹性布局,于是全局搜索start,如下如:找到这个地方,将start改为flex-start,然后重新启动项目,问题解决。(完)...
2021-11-04 21:37:01
9062
原创 git删除分支时报zsh: parse error near `\n‘ 的解决办法之一
远程仓库中有不用的分支,想在本地进行删除输入命令:git push origin --delete <feature/yuh_add_authority>feature/yuh_add_authority --- 为远程仓库分支名然后报错:zsh: parse error near `\n'解决办法:分支名不加<>git push origin --delete feature/yuh_add_authority成功删除远程仓库分支:参考连接:zsh:
2021-07-08 15:52:28
14567
原创 chrome报您的连接不是私密连接的解决办法之一一重置设置
一. 出现问题公司WIFI环境下访问某个项目的测试地址一分钟前,谷歌浏览器正常使用一分钟后就报 ”您的连接不是私密连接“然后我试一下访问自己本地跑起来的项目竟然!竟然还报了跨域的错误。。。然后我在Firefox和Safari试了下,测试环境地址和本地跑的地址可以正常使用。。。对,就是这么突然 o(╥﹏╥)o二. 解决办法2.1 点击三个点,然后点击设置2.2 点击高级----再点击重置设置----再点击将设置还原为原始默认设置2.3 弹框点击重置设置问题得到完美解决。如果采
2021-06-30 15:55:49
7127
原创 防抖函数:多次触发后只执行第一次或者最后一次的函数
一. 应用场景1.1 问题:现在点击一个按钮,然后会向服务器请求一次数据。如果暴力操作,不断的点击按钮,那么就会一直向服务器请求,这样肯定不好。1.2 目的:① 在点击很多次以后,我们只希望执行最后一次。② 在点击很多次以后,我们只希望执行第一次。二. 遇到困难防抖这个问题,大家写的也够多了,最普遍的写法如下:function debounce(fnc,delay=3000) { let timer = null; // 创建一个标记用来存放定时器的返回值 return functi
2021-06-04 17:46:25
17174
5
原创 the >>> and /deep/ combinators have been deprecated. Use :deep() instead终端报该警告的解决办法
::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead。the >>> and /deep/ combinators have been deprecated. Use :deep() instead
2021-05-25 16:53:42
13475
原创 Set operation on key “default“ failed: target is readonly.控制台报该警告的解决办法
一. 场景vue3.0搭建的项目二. 警告分析点击reactivity.esm-bundler.js这一处后发现报警告处如下:当不在production环境下就会报出该警告,我查看代码,对应的地方就是使用到了reactive方法和ref方法,目前我并没有看出有哪里写错,于是我决定找到该js文件然后注释该警告。三. 解决办法注意:VScode编译器中无法通过搜索找到该文件。reactivity.esm-bundler.js文件的位置如下:node_modules/@vue/reactivit
2021-05-25 11:22:15
24085
6
原创 Provide / Inject在vue2.x和vue3.x中的写法明细
文章目录一. 使用场景二. 在vue2.x中使用provide 和 inject2.1 父组件中provide里面的数据为自定义的数据2.2 父组件中provide里面的数据为data里面的数据三. 在vue3.x中使用provide 和 inject特别注意:3.1vue3.x中使用provide 和 inject时,非响应式数据的写法3.2vue3.x中使用provide 和 inject时,响应式数据的写法一. 使用场景当我们需要从父组件向子组件传递数据时,我们使用 props。有一些深度嵌套的
2021-05-10 16:37:08
2071
3
原创 vue3组合式api中的ref、toRef、toRefs三个函数的简单使用示例
一. 场景在vue2.0项目中使用vue3.0的组合式api1. 安装依赖npm install @vue/composition-api2.全局注入 (main.js中)import Vue from 'vue';import VueCompositionAPI from '@vue/composition-api';Vue.use(VueCompositionAPI);3.在对应的组件引入需要的功能import { toRefs, toRef, ref } from "@vue/c
2021-05-08 17:32:51
7276
8
原创 DOMException: Failed to execute ‘open‘ on ‘XMLHttpRequest‘: Invalid URL
报错如下:处理:1.检查下你请求的地址是不是没加上 http://2.检查下你请求的地址格式是不是写错了,如下例子:process.env.BASE_URL 配置的是 http://127.0.0.0:8000这样请求的地址就是 http://127.0.0.0:8000partner/addPartner,少了一个/,所以报错了,正确写法如下:(完)...
2021-03-04 11:11:06
52119
3
原创 nuxt.js项目使用swiper轮播插件具体步骤
一. 版本环境"nuxt": "^2.0.0","swiper": "^4.5.1","vue-awesome-swiper": "^4.1.1"二. 代码部分2.1 安装插件npm install swiper@4.5.1 --savenpm install vue-awesome-swiper@4.1.1 --save2.2 plugins文件夹创建swiper.js文件,内容如下import Vue from 'vue'import css from 'swiper/dist/
2021-02-25 20:30:29
2316
2
原创 nuxt.js项目在启动时设置默认跳转页面
项目启动时默认打开的是pages文件夹下面的index.vue在该index.vue中加入以下代码即可<script>export default { name: 'homePage', middleware({ store, route, redirect, params, query, req, res }) { redirect('/homeIndex') // 默认跳转页面的路由 },}</script>...
2021-02-24 21:31:24
9250
1
原创 输入框实现实时显示当前输入字符数、隐藏滚动条、单独设置提示文字样式
一. 效果图未输入文字前:输入文字后:二. 代码部分<template> <div class="diary-title"> <p>日记标题</p> <div class="content"> <textarea name="" id="" maxlength="120" placeholder="特殊的标题有助于唤起美好回忆哦" v-model="diaryTitle"></tex
2020-12-31 17:50:45
555
2
原创 分号 ‘;‘ 用错位置导致的报错,在ESLint环境下
一. 代码:二. 报错:三. 原因块语句是不需要加 ‘;’ 的四. 解决去除代码中两个红框内的 ‘;’ 即可参考:https://github.com/jamesallardice/jslint-error-explanations/blob/master/message-articles/unnecessary-semicolon.md(完)...
2020-12-29 09:46:05
201
原创 contenteditable=“true“属性的标签输入框,内容实现高度自适应以及其他处理
一. 功能需求1.1输入框未获取焦点、失去焦点且输入框无内容的情况下,如下图:1.2输入框获取焦点情况下,如下图:1.3用户最多输入200个字符, 想要的效果如下图:(给出提示,只保留200个字符,且光标在文末)而不是这样的效果,如下图:(光标跑到了文首)1.4复制内容进输入框时,想要的效果如下图:而不是这样的效果,如下图:二. 代码实现刚开始我选择的是textarea标签,但是该标签不能随着文本内容自动变化高度,需要通过js操作dom来动态改变,比较麻烦,我就放弃了。选择了HT
2020-12-24 17:56:34
7014
2
原创 pdf.js禁止用下载、打印、打开功能时所需要注释和添加的代码
一. 版本我使用的pdf.js版本为2.4.456链接地址:http://mozilla.github.io/pdf.js/getting_started/#download二. 注释的内容2.1 web文件夹下面的viewer.html文件,注释掉打开、打印、下载的html标签内容,如下:2.2 web文件下的viewer.js文件,有注释的部分,也有添加代码限制的部分2.2.1 注释部分一,通过id获取三者标签的部分,如下:2.2.2 注释部分二,给三个标签添加事件和取消事件的部分,如
2020-09-03 19:32:17
1313
原创 在Vue中使用swiper时,轮播页面一直卡在某个页面轮播的解决办法
一. 问题Vue项目中使用了vue-awesome-swiper轮播插件,配置好一切参数后,出现了一个问题,轮播图一直卡在第二页滑动。轮播图参数如下: data() { return { swiperOption: { pagination: { el: '.swiper-pagination', bulletClass : 'my-bullet-swiper', // 自定义设置默认类名 bullet
2020-08-20 13:12:17
1291
原创 npm安装依赖时报 “xxx is not in the npm registry“错的解决办法之一
一. 场景我在安装better-scroll2.0没问题,但是在装它的下拉加载更多和上拉刷新插件时报了这个错,如下:二. 解决办法2.1 输入npm config list 命令查看当前配置情况,如下:2.2 将npm的获取地址从https改为http2.3 查看修改后的配置npm config list2.4 重新安装之前装不起的依赖,成功安装(完)...
2020-08-07 09:33:59
99138
27
原创 Error in nextTick: “TypeError: Cannot read property ‘style‘ of undefined“的报错原因之一及解决办法
一 . 报错场景vue项目中用element-ui经过排查,发现是el-table处发生的报错,相关代码如下:<tempalte> <div class="message"> <el-table :max-height="getTableHeight" :data="tableData3" stripe tooltip-effect="dark"> <el-table-column prop="account" label="账号"
2020-07-31 17:16:57
8621
原创 Missing required prop: “value” 报错的解决办法
一. 报错场景[Vue warn]: Missing required prop: "value" 该报错出现在——VUE中使用element-ui的el-select组件时报错二. 报错原因2.1.el-select中没有进行双向数据绑定(v-model)2.2 el-option没有进行value赋值三. 具体示例3.1 el-select中没有进行双向数据绑定,且el-option没有进行value赋值代码如下:<el-form-item label="获取积分">
2020-06-29 17:13:16
103459
14
原创 el-input无法实时获取当前输入值的原因之一及解决办法
一. 场景两个el-input输入框,只能输入数字,输入文字的时候自动替换清空。需要先填满的金额,才能填减的金额,且减的金额必须小于满的金额。<template> <el-form :model="addForm"> <el-form-item label="满" :label-width="formLabelWidth"> <p style='margin: 0;color:#f09276'>* 必填 </p>
2020-06-19 17:47:45
5518
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人