vue
宝宝不是码农
这个作者很懒,什么都没留下…
展开
-
列表组件化
在项目有开发中,经常会遇到很多的列表,重复的分页、列表数据以及请求参数都是一样的,那么如何组件化呢?这是我之前在项目中一种解决方案,分享出来大家探讨探讨。我在项目中使用的vue提供的mixins1.将请求、分页操作等操作封装到一个mixinPage.js文件中,该中操作方法和数据的方式和组件里时一模一样的(相当于创建一个不要template模板的组件)请求列表的api也封装到该文件的methods中,可通过this.(api).调用2.在列表页面引入mixinPage.js文件,使用原创 2020-11-19 11:09:52 · 168 阅读 · 0 评论 -
vue父传子组件数据不渲染且报错
在vue开发过程中会遇到这样的一个问题,自己定义了一个组件,然后又定义了个子组件,父组件的数据需要将请求回来的数据传递给子组件,但是引入子组件在页面加载时就报错了,接口数据请求回来了也不渲染,这是因为接口请求和子组件渲染是同步的,子组件没有接收数据,父组件的接口数据请求回来时子组件已经创建好了虚拟dom,所以子组件报错,同时子组件里的prop不想响应的,所以不会再次更新dom,接口请求回来的数据也不会更新。解决方法1:在子组件条件v-if,在接口请求回来后在渲染。解决方式2:使用watch或者com原创 2020-11-12 10:24:14 · 1702 阅读 · 0 评论 -
axios接口异常产生跨域问题
1、axios接口异常产生跨域问题场景描述:前后端交互保持会话的方式有很多解决方案,我在遇到这个问题之前使用的vue前端框架使用的是cookie这种方式,后来使用了token保存在本地然后通过塞入请求头的方式传给后端(我不知道为啥要选用这种方式),每次请求参数错误、或者服务器异常,接口都会产生跨域问题,是不是很奇葩?后来找到了问题所在,是因为在之前使用cookie的时候,会在axios请求中设置withCredentials = true,使得axios在跨域请求的时候都携带cookie,但是在改为原创 2020-11-12 10:06:54 · 549 阅读 · 1 评论