- 博客(22)
- 收藏
- 关注
原创 记录uniapp遇到的小问题
直接看实例,在实际开发中,<view class="photo" :style="playerImg">,这里用v-bind方式绑定了js方法,通过method或者computed中定义如。之后,在uniapp的内置浏览器中,调用是正常的。不管是微信小程序浏览器还是实机,都无法正确展示图片,又或是说,无法识别图片路径。在样式属性中,而这是不被允许的。在 Vue 模板中,样式属性的绑定应该使用。这里我先后使用了{{ }}语法和`${}`插值语法,都未有明确效果。通过改变方法,将组件样式改为内嵌式,
2024-01-18 15:50:12
468
1
原创 Flutter关于获取用户相关信息权限
permission_handler提供了获取安卓权限的方法,通过直接使用该模块可以直接监听用户是否授权相应权限。该模块可以请求获取蓝牙/外设/短信/通讯录/地理位置等等权限。找到工程路径下android/app/src/main/AndroidManifest.xml文件。和ListView组件联动有很棒的效果。确保在标签<manifest>内,<application>外声明。本文用到的package均来自官方提供的。获取用户授权需要在安卓的包内声明方法,以获取通讯录权限为示例,
2023-11-16 14:41:10
367
原创 关于Vue项目部署服务器遇到的一些接口问题
服务器部署的是宝塔面板。后端开发人员没有配置Cors的大前提下,可以参考该文档。如果直接使用nginx就在nginx.conf文件配置下更改(应该是...目前还没改过)那么首先引入一个概念,
2023-10-24 09:15:27
412
1
原创 关于React的路由使用
因为具有一定的Vue基础。所以在创建ReactCli方面,以及配置简单的main.tsx、App.tsx就不多说了。本文使用的是typescript + React,但使用 j s 的在配置路由方面依然通用。这里先说最新的Router版本方法,React Router V6,截至目前的话,版本好像是6.4.很多方法删了,也很多方法改了。在文末我会提一下..
2023-10-17 15:18:45
160
1
原创 关于vue3刷新页面后,数据丢失问题
一开始解决,思路大概是将数据存储到piniaStore中,但是interesting,刷新页面Store照样清空刷新,它并不是一个永久存在的仓库。本文重点解决刷新页面数据丢失的问题,一般情况下,调试过程中,数据会变空;这对于敏感信息如用户的登录状态和访问令牌是很重要的,因为它们应该在用户结束会话后立即失效。这使得它适合存储持久化的数据,如用户的偏好设置和本地缓存的数据,以便在用户下次访问网站时仍然可用。对于服务器返回的用户登录信息(用户名、密码、token等),一般建议将敏感信息存储在客户端的。
2023-06-12 10:22:20
3519
原创 基于 宝塔Linux + vue3 + pythonFlask + mysql 完整项目方案运行总结
Vue重要的写在前面、因为我是在学习过程中徐徐渐进地部署的环境。本来是打算只vue的,结果想上传到云服务器让大家都看到,于是开始学搭建 阿里云 服务器;然后因为有点Linux的底子,就搭建的Linux的操作系统的环境;虽然是大多情况用的宝塔面板进行的项目上传,但是所有的Bug飘红,加起来也真够喝一壶了。本文主要用来记录所有开发环境下的报错异常。供他人参考。具体的代码不做过多解释。Vue因为我一开始使用的是从 vite.config.js中配置路径,就像这样看似没有问题,并且在本地服务器上正常运行。
2023-05-29 11:18:30
879
原创 vue3.axios+python.Flask,解决一些问题
而chatGPT解释到,”唉你这个地方定义的表单,后台python没法解析啊。python的request.json只能解析JSON格式的数据。ImmutableMultiDict类似于Python中的字典,但它可以包含具有相同键的多个值。在这种情况下,它是不可变的(Immutable),即不允许对其进行修改。这篇文章,就是使用了JSON.s.....(单词忘了),然后转换的数据格式。你只要axios传的方式对了,就不愁后台拿不到。后台不需要做太多的修改,就是接收传值就ok了。这就是前端的代码了。
2023-05-22 15:13:27
348
原创 初尝python flask + vue3 axios 接口配置
如果此处不使用JSON.stringify进行解析,则服务端flask就需要解析。前端和服务端如果都不解析,则会报错。Vue的axios包自带JSON解析功能,但仅限于获取数据,因此发送数据时,还是需要解析后发送的。这里注意代码中的axios.post方法,相比较之前文章的方法。此处,我们虽然设置了传参param,但是如果直接提交,服务器会返回ERROR-415,不支持的媒体类型。之后,开启flask,服务器在端口5000运行。之后返回App.vue,渲染页面。在项目的app.py文件下,
2023-05-16 16:27:14
1817
原创 关于axios GET/POST 传参问题
这就有点奇怪了,我看了一下浏览器的请求信息是 OK 的,参数都是有的,而且之前这样用 axios 也没有这个问题。然后,因为我们的参数是 JSON 对象,axios 帮我们做了一个 stringify 的处理。非常的刺激,这两种形式无一例外都触发了 axios 源码中【很关键】的那一段代码。那么这个是什么意思呢,这个是只能从请求的地址中取出参数,也就是只能从。但是这个接口是通用的,别人都用了,是 OK 的,接口没问题。我们知道在做 post 请求的时候,我们的传参是。的形式传递的,嗯,就是下面这两种形式。
2023-05-12 16:34:47
416
原创 关于vue的跨域问题配置
三者之间任意一个与当前页面url不同即为跨域。vue-vite将拒绝此次GET或POST请求。说简单点,就是拒绝访问。跨域问题是vue-vite为了保护用户的信息安全设置的,当一个请求url的。此处定义了"/api"的路径为http://xxxx,
2023-05-12 14:10:28
798
原创 关于使用Echarts进行数组遍历
因为Echarts的data中,带有value和name,所以这样存储,更符合Echarts的显示规律。如此,resArray数组就设置好了,直接让 data:resArray , 就可以了。实际resArray存储的数据,就是[{value:XXX,name:''XXX''},{value:XXX,name:"xxx"}]不可以在Echarts的data中这样定义:data:[res.data.....]或者data:[resArray]使用for循环,遍历数组数据,并push到resArray中。
2023-05-09 11:21:34
832
原创 uniApp- uni.request的使用——以及箭头函数和普通函数的坑
结果前台渲染成功,console.log(this.tableData)返回渲染了[1],之后我又把console.log()这个命令放到了onShow(res)的第一行命令,同样也返回正确。因为如果在uniApp中使用axios,会产生跨域或者配置等各种问题,所以综合分析以后,我打算将这串代码修改为用uni.request这个uni自带的api解决问题。如果想在UniApp中使用更多的Vue3的Api,还需要根据实际情况,进行打包的配置处理。其实原本修改的方向很简单,但是我的出发点上来就错了。
2023-05-08 17:24:58
603
原创 vue-echarts的使用
这种方法适合数据都是在写死状态下的(企业开发应该没人用);这里我省略了从数据库获取数据,详情参考axios获取数据。之后在数据方面其实有两种写法,这里我一开始用死数据进行的填充,所以用的第一种。但是实际开发中,使用到图表遍历的数据,应该都是动态数据。如果要用死数据,则是将数据全都写在data(){}里,之后调用方法,methods,去初始化echarts,我这有点懒,没再把数据分成Array,但是大致是这样,在draw_pieChart(){}这个方法中,之后,在mounted中调用就可以了。
2023-05-04 15:12:52
135
原创 uniapp的实时搜索框
如果用户输入了关键字,那么我们就启用检索:this.tableData.filter(),我们要根据{{this.applicant}}进行检索,则item.applicant.includes(this.searchValue),即搜索applicant中包含this.searchValue的数据项。我们的目的是让用户在搜索框中输入用户名的关键字,实时展现搜索结果。这里我们已经用v-model=”{{searchValue}}"双向绑定了用户的输入内容,下面我们来写js部分。
2023-04-27 10:22:36
542
原创 vueRouter的嵌套使用
临时笔记;如图示,红色框中的内容是可以通过左边按钮实现页面跳转的,但是整个页面的框架逻辑是不变的。在html中,这部分代码一般情况下是使用iframe实现,然而vue中好像不太支持这种方式。于是,我打算使用嵌套路由完成这部分功能。路由的配置比较麻烦。
2023-04-25 17:03:05
135
原创 尝试调用API写个vue的查询天气WEB
但是为了防止新旧技术更替,企业的新技术未迭代,在弄懂新技术的同时,也不要忘了这些指令,在H5和JavaScript中,是如何实现的。因为毕竟是vue,vue的优点是组件代码分离,可以实现多处调用,但是就因为我这个优化...导致我后来频繁bug:不是数据传不到子页面,就是数据实时传值的过程把变量各种修改…因为这篇文章是在项目敲完之后创作的,所以我这里先说云端数据获取的部分,其实上述说的v-model传值是完全可以使用的,而且能如期获得用户输入的字符;我App.vue的父组件中获得了天气的数据,交给了res;
2023-04-23 15:00:23
503
原创 初始axios获取端口数据
起码不是很懂,但是用起来简单舒服就okk...、至于获取的传值,大概和昨天没差,以下是截取的结果图,我觉得可能是我只添加了项目依赖,并没有在工程中引入的原因,导致程序跑不起来...(因为我今天第一时间就写了导入指令 ↓ ↓ ↓ )后续应该使用axios或者ajax再获取端口应该不是太困难的事了,若之后还有难以理解的地方,及时解决.,再记录....整个过程还是比较简单的,但是不知道为什么昨天频繁报错..可能和今天添加的某几个步骤有关--大概就是,我觉得我昨天没跑起来大多是和这句话有关系。
2023-04-15 08:52:59
79
1
原创 初试ajax端口
npm init -y 初始化项目依赖, 再yarn一下,yarn add -D vite || yarn add vue || yarn add -D @vitejs/plugin-vue 这仨可以说是vue依赖三步走;数据来源是Easy Mock创建的数据,创建vue项目还是基本步骤走,cmd到工程目录下---template中其实就是html5的格式,@click---vue语法,绑定了点击事件。这个地方咋调用XMLHttpRequest()呢,手册是这么说的-----保存,跑一下,见证奇迹。
2023-04-14 16:30:43
84
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人