漫漫前端路
文章平均质量分 56
SeverusYang
嗯...职场新人...
展开
-
关于vue的跨域问题配置
三者之间任意一个与当前页面url不同即为跨域。vue-vite将拒绝此次GET或POST请求。说简单点,就是拒绝访问。跨域问题是vue-vite为了保护用户的信息安全设置的,当一个请求url的。此处定义了"/api"的路径为http://xxxx,原创 2023-05-12 14:10:28 · 785 阅读 · 0 评论 -
关于axios GET/POST 传参问题
这就有点奇怪了,我看了一下浏览器的请求信息是 OK 的,参数都是有的,而且之前这样用 axios 也没有这个问题。然后,因为我们的参数是 JSON 对象,axios 帮我们做了一个 stringify 的处理。非常的刺激,这两种形式无一例外都触发了 axios 源码中【很关键】的那一段代码。那么这个是什么意思呢,这个是只能从请求的地址中取出参数,也就是只能从。但是这个接口是通用的,别人都用了,是 OK 的,接口没问题。我们知道在做 post 请求的时候,我们的传参是。的形式传递的,嗯,就是下面这两种形式。原创 2023-05-12 16:34:47 · 391 阅读 · 0 评论 -
尝试调用API写个vue的查询天气WEB
但是为了防止新旧技术更替,企业的新技术未迭代,在弄懂新技术的同时,也不要忘了这些指令,在H5和JavaScript中,是如何实现的。因为毕竟是vue,vue的优点是组件代码分离,可以实现多处调用,但是就因为我这个优化...导致我后来频繁bug:不是数据传不到子页面,就是数据实时传值的过程把变量各种修改…因为这篇文章是在项目敲完之后创作的,所以我这里先说云端数据获取的部分,其实上述说的v-model传值是完全可以使用的,而且能如期获得用户输入的字符;我App.vue的父组件中获得了天气的数据,交给了res;原创 2023-04-23 15:00:23 · 455 阅读 · 0 评论 -
vueRouter的嵌套使用
临时笔记;如图示,红色框中的内容是可以通过左边按钮实现页面跳转的,但是整个页面的框架逻辑是不变的。在html中,这部分代码一般情况下是使用iframe实现,然而vue中好像不太支持这种方式。于是,我打算使用嵌套路由完成这部分功能。路由的配置比较麻烦。原创 2023-04-25 17:03:05 · 123 阅读 · 0 评论 -
关于使用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 · 761 阅读 · 0 评论 -
uniapp的实时搜索框
如果用户输入了关键字,那么我们就启用检索:this.tableData.filter(),我们要根据{{this.applicant}}进行检索,则item.applicant.includes(this.searchValue),即搜索applicant中包含this.searchValue的数据项。我们的目的是让用户在搜索框中输入用户名的关键字,实时展现搜索结果。这里我们已经用v-model=”{{searchValue}}"双向绑定了用户的输入内容,下面我们来写js部分。原创 2023-04-27 10:22:36 · 519 阅读 · 0 评论 -
*关于用vue配置node.js访问mysql
本文仅供自己记录学习使用,文章出处来源@原创 2023-04-25 11:17:12 · 84 阅读 · 0 评论 -
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 · 548 阅读 · 0 评论 -
vue-echarts的使用
这种方法适合数据都是在写死状态下的(企业开发应该没人用);这里我省略了从数据库获取数据,详情参考axios获取数据。之后在数据方面其实有两种写法,这里我一开始用死数据进行的填充,所以用的第一种。但是实际开发中,使用到图表遍历的数据,应该都是动态数据。如果要用死数据,则是将数据全都写在data(){}里,之后调用方法,methods,去初始化echarts,我这有点懒,没再把数据分成Array,但是大致是这样,在draw_pieChart(){}这个方法中,之后,在mounted中调用就可以了。原创 2023-05-04 15:12:52 · 124 阅读 · 0 评论 -
初始axios获取端口数据
起码不是很懂,但是用起来简单舒服就okk...、至于获取的传值,大概和昨天没差,以下是截取的结果图,我觉得可能是我只添加了项目依赖,并没有在工程中引入的原因,导致程序跑不起来...(因为我今天第一时间就写了导入指令 ↓ ↓ ↓ )后续应该使用axios或者ajax再获取端口应该不是太困难的事了,若之后还有难以理解的地方,及时解决.,再记录....整个过程还是比较简单的,但是不知道为什么昨天频繁报错..可能和今天添加的某几个步骤有关--大概就是,我觉得我昨天没跑起来大多是和这句话有关系。原创 2023-04-15 08:52:59 · 72 阅读 · 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 · 73 阅读 · 2 评论