问题集锦
sika-master
这个作者很懒,什么都没留下…
展开
-
Error: A <Route> is only ever to be used as the child of <Routes> element, never rendereddirectly
版本是6.3.0。原创 2022-07-15 14:25:20 · 1640 阅读 · 1 评论 -
Cannot find name ‘console‘. Do you need to change your target library?ging the ‘lib‘ compiler option
该命令是安装TypeScript助手的运行时库,包含所有TypeScript辅助函数原创 2022-07-08 11:57:05 · 670 阅读 · 0 评论 -
前端字典接口的使用
vue字典的使用原创 2022-06-16 18:17:50 · 1974 阅读 · 0 评论 -
vue中使用ant design vue中a-table表格多选操作时
后台管理列表表格,进行多选的操作原创 2022-06-09 11:19:51 · 3937 阅读 · 0 评论 -
@change事件传递多个参数,保留默认参数,并传递自定义参数
change时间的多参数传递原创 2022-06-02 17:38:14 · 9562 阅读 · 2 评论 -
新增时动态增加表单和附件图片的上传
项目场景:本来是一个页面中只有一个附件和图片的上传,但是后来的需要改变之后,就变成了加入到能够动态的增加和减少的区域中了。那么如何动态的增加,就是一个问题了原因分析:动态的增加和减少时,一定需要获取他的数组下标来在编辑的时候回显出正确的附件和图片解决方案:1.起初在声明这个数组的时候,我还需要添加各个对象的值,但是后来发现根本不需要,直接不需要另外的声明,直接声明formData就行。data(){ return { formData: {}, }}2.数组的传递的值是原创 2022-05-27 10:00:01 · 470 阅读 · 0 评论 -
路径跳转的vue页面,作为组件被另外一个页面使用
项目场景:提示:这里简述项目相关背景:例如:项目场景:示例:通过蓝牙芯片(HC-05)与手机 APP 通信,每隔 5s 传输一批传感器数据(不是很大)问题描述提示:这里描述项目中遇到的问题:例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DATA, bytes,原创 2022-05-24 09:57:40 · 1092 阅读 · 0 评论 -
form表单重复的校验规则,合并成一个方法
项目场景:项目中用到的很多的校验规则就是必填的提示校验信息,如果按照正常的来写,每次添加一条表单,就要重复的添加一条校验规则,而且校验规则提示的都是一样的内容例如:项目场景:示例:通过蓝牙芯片(HC-05)与手机 APP 通信,每隔 5s 传输一批传感器数据(不是很大)问题描述提示:这里描述项目中遇到的问题:例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:@Override public void run() { bytes = mmInStre原创 2022-05-23 11:51:35 · 1155 阅读 · 0 评论 -
复杂去重,根据数组中的对象的某一个key的value值相同去重对象数据
项目场景:在得到数据之后,需要对数组中的对象进行去重`解决方案:根据数组中对象的某个值进行去重,所在项目中,是根据数组对象中的storageHouseCode值相同,进行去重的。 unique(arr) { // 数组中对象去重 let map = new Map() arr.forEach((item, index) => { if (!map.has(item['storageHouseCode'])) {原创 2022-05-20 18:30:57 · 327 阅读 · 0 评论 -
后端返回下载地址url,前端如何下载文件
项目场景:后端返回的是个下载的地址url,前端点击按钮之后下载文件解决方案:创建a的下载链接,进行下载本项目中得到的返回的下载地址为httpAddress字段中的url值 downLoad(record) { if (record.httpAddress) { // console.log('record.httpAddress: ', record.httpAddress) const link = document.createElemen原创 2022-05-17 16:55:16 · 8260 阅读 · 3 评论 -
input框中的简单正则校验集合
正则校验输入框的值` 在做开发的时候经常会要用到正则校验,因为自带的校验满足不了业务需求基于项目需求,综合一下常用的正则验证文章目录正则校验输入框的值前言一、只能输入汉字、英文字符和数字二、只能输入数字和+、- 字符(用于电话号校验)待续前言例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、只能输入汉字、英文字符和数字val.target.value.replace原创 2022-05-15 18:18:06 · 2884 阅读 · 0 评论 -
vue导出文件之后,wps能打开,而office不能打开的问题
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代.原创 2022-05-14 10:38:05 · 1246 阅读 · 0 评论 -
vue后台管理-编辑不了的问题,使用this.$set()
项目场景:点击某一行的编辑的时候,获取到值,但是修改不了的问题例如:在项目中有时间回显的问题。但是直接赋值之后,不能再次修改原因分析:打印出来时间的值,发现能编辑时间的地方和不能编辑时间的地方的值的格式不同,原因是:vue没有监听到数据,所以修改不了解决方案:提示:这里填写该问题的具体解决方案:使用this.$set()去设置,就可以监听到,就能够修改新的值了...原创 2022-05-14 10:30:34 · 689 阅读 · 0 评论 -
vue导出数据为文件excel,后端返回的是文件流
导出数据记录为excel:问题:导出数据记录为excel。后端返回的是文件流,前端接受之后,点击导出可下载到本地为excel文件,可打开。解决方案:解决:1.前端在请求的时候,接受文件格式设置为:application/octet-stream2.请求接口设置接受的数据格式为blob3.在点击导出按钮的时候请求接口exportData() { const that = this this.$confirm({ title: '确定要导出数据吗?',原创 2022-05-05 10:04:48 · 2244 阅读 · 0 评论 -
联动选择下拉框a-select涉及的问题
项目场景:问题:三个a-select中,虽然是分开的,但是还是要有依赖,后一个的选择依赖于前一个的选择。在初始化获取数据的时候,能够获取到一个tree型结构的数组。每一个对应得到选择的值里面有第二个下拉框的所有内容,第二个对应的值中有第三个下拉框的所有值问题描述描述项目中遇到的问题:根据第一个下拉框的选择的值,第二个下拉框的值是在第一个选择之后才出来,并且第一个重新选择的时候,第二个要被清空,不然数据不对照解决方案:解决:1.第一个下拉框的值,初始化的时候获取到并显示出来。2.点击第一个原创 2022-04-27 10:26:42 · 1129 阅读 · 0 评论 -
vue一个页面多个组件,点击提交同时保存三个组件所有表单值(二)
项目场景:需求:一个页面多个组件,点击提交同时保存三个组件所有表单值。场景:一个页面的表单太多分为三个页面来提交,每个页面都有保存和提交的按钮。要求每个页面如果不同的人填写的话,点击当前页面的保存或者提交按钮,三个组件中的所有表单都会被提交。类似下面这种问题描述提示:如何在每个 例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:@Override public void run() { bytes = mmInStream.read(buffer原创 2022-04-27 09:53:54 · 2682 阅读 · 1 评论 -
v-if和v-show的真实案例使用(一)
v-if和v-show的真实使用感受需求:一个页面有单个tab栏,需要在点击每个tab栏底部的保存或者提交按钮的时候,保存三个页面的所有表单的内容。问题:刚开始使用v-if 没找到问题,后来打印了每个组件的实例,发现每个tab栏页面的实例没有拿到,没法提交所有表单。解决:使用v-show的 判断展示当前页面,点击某个提交页面的时候能够提交三个tab栏页面的所有表单数据。这种页面,每个页面都有保存和提交的按钮。需要在点击的时候,保存三个组件的所有表单。使用v-show,和refs拿到组件的原创 2022-04-19 11:55:11 · 343 阅读 · 0 评论 -
uniapp vuex中背景音乐播放+暂停(跳转页面不暂停)
第一种方式:放入main中第二种方式:放入vuex中管理由于我们的vuex是模块化的管理,所以是单独的文件,新建的bgm.js文件const debug = process.env.NODE_ENV == 'development' ? true : falseconst bgm = uni.createInnerAudioContext();bgm.src = 'https://vod.qiniu.ayousi.cn/lq5Af14ZKVj3MmzcFFmcX0qlF7Yx'bgm.loo原创 2021-05-19 16:53:45 · 1649 阅读 · 0 评论 -
uniapp 全局背景音乐播放+暂停(跳转页面不暂停)
最近需要一个功能 是在h5中播放小游戏的背景音乐,但是跳转界面之后音乐不暂停,就是跳转多个页面之后,音乐依然在播放,在游戏界面会有设置的静音的按钮,可以开启音乐和关闭音乐。这相当于全局的背景音乐播放事件,所以肯定是放入到全局的vuex或者是main.js刚开始是放入main中的,一直测试不行,跳转页面的时候总是会重新加载一下音乐,导致,跳转页面之后会听到两个音乐都在播放,而且,在设置后点击暂停音乐也是不起作用。后来我放入了vuex中,刚开始是把创建的音频实例放入方法中,点击暂停之后总是不起作用,捣鼓了原创 2021-05-19 16:36:36 · 5260 阅读 · 2 评论 -
判断 预售活动-抢购按钮的不同状态和文字
按钮状态的判断,显示不同的状态和文字。活动未开始和进行中以及活动结束,三种状态的按钮变化在返回的数据中会有创建时间(开始时间)和结束时间,用时间来判断按钮是否可用,以及显示按钮中的文字和颜色 computed: { //是否在报名时间内 canReg() { let { start_time, end_time原创 2021-05-14 12:53:21 · 287 阅读 · 0 评论 -
地址栏中的参数 转码和解码
点击图片—进入新的页面,并携带参数。但是发现在地址栏携带的参数 是被转码了,是一个百度网盘的链接,,被转码之后的链接,不能直接在浏览器中打开,所以需要解码用的是encodeURIComponent 和 decodeURIComponent(转码和解码)原因直接在文末,可直接跳转到最后查看另外:escape 和 unescape(escape()函数用于js对字符串进行编码。)escape()不能直接用于URL编码,它的真正作用是返回一个字符的Unicode编码值。采用unicode字符集原创 2021-04-27 16:45:13 · 2137 阅读 · 0 评论 -
Error in render: “TypeError: Cannot read property ‘banners‘ of undefined“” 渲染错误问题(render是渲染时候报错的)
【vue踩坑】Error in render: “TypeError: Cannot read property ‘banners’ of undefined”” 渲染错误问题(render是渲染时候报错的)页面显示都是正常的,但是就是一直报错哦。后来仔细看了看是在渲染的时候出错的,通过同行们的解答,发现是对象中的层级太多(有三级),返回的数据中有一个属性是对象,对象中还有个数组是banners。在渲染的时候没有读到banners,所以报错。本来是想着在渲染的时候通过**v-if=“goods.de原创 2021-03-24 10:28:58 · 673 阅读 · 0 评论 -
css 图片只显示中间部分 居中显示
在项目中要做移动和pc端的适配,所以图片需要居中显示,不论窗口如何变化,始终显示中间部分的图片。这个是图片在pc端,宽度为100%时显示的如果图片宽度100%,放在移动端看,就会很小,显示的是一整张图片,不符合需求。经过css的设置,使得图片可以显示中间部分。这个是图片在移动端显示。。能使图片在移动端显示图片的中间部分思想:第一种:采用图片在div盒子中,盒子宽度100%,给一个高度,让图片使用 相对定位+transform 移动。第二种:使用图片做背景图片,使用背景图片的backgrou原创 2021-03-03 10:28:23 · 5258 阅读 · 0 评论 -
v-for数组循环的时候,每一项的背景颜色都不同的问题
在自己做的uniapp项目中。在开发的过程中,经常会遇到一些数据需要用数组循环出来,但是每一项的背景颜色又都是不一样的。(这种是我提前知道就只有五条数据)解决方案如下:<view class="flex align-center justify-around margin-bottom" v-for="(item,index) in 5" :key="index" :class="bgc[index]"> //自己的代码</view>在数据定义中声明一个背景数组:原创 2021-01-06 09:15:54 · 2319 阅读 · 0 评论 -
HBulidX快捷键
提高开发速度的常用HBulidX快捷键添加 / 删除 多个不同地方内容:ctrl + 鼠标左键选中相同语法词:Ctrl + e全选一个标签里面的内容:双击标签后,ctrl + =向下复制一行:ctrl + insert向下移动一行: ctrl + 下箭头格式化代码: ctrl + k搜索本文件:ctrl + f目录内搜索全部: ctrl + alt + f删除当前行:ctrl + d...原创 2020-12-26 16:04:46 · 449 阅读 · 0 评论 -
子组件向父组件使用$emit 传递多个参数
1.子组件使用自定义组件向父组件传值时,一般会传递一个参数,但是传递多个参数怎么办呢?1.1 传递一个参数子组件:submit(){ this.$emit('submit',this.id)}父组件:<foods-list-edit :foodsList="foodsList" @submit="handelFoods"></foods-list-edit>父组件的方法中接收参数:handelFoods(e) { console.log(e)}1.2原创 2020-10-16 09:37:19 · 4879 阅读 · 2 评论 -
后台返回的数据是一个另外的网址怎么显示到uniapp页面上?(而且网址打开还是中文乱码)
后台返回的数据是一个另外的网址怎么显示到uniapp页面上?(而且网址打开还是中文乱码)在uniapp中进行h5界面的实现的时候,返回的数据是一个网址,但是要把网址中的内容展示到页面上?怎么提取里面的内容。如下图1这个是获取到的后台的数据,要展示的是body里面的内容,但是body是一个网址,而且在网页中打开还是乱码,如下图2如何解决呢???看了官网uniapp,有一个web-view的组件可以直接打开外部网址,但是还是显示的是乱码,。。最后在大佬的帮助下解决了。一般的axios请求:axio原创 2020-10-05 14:49:11 · 622 阅读 · 0 评论