vue项目开发中踩过的坑】的更多相关文章

一.路由 这两天移动端的同事在研究vue,跟我说看着我的项目做的,子路由访问的时候是空白的,我第一反应是,不会模块没加载进来吧,还是....此处省略一千字... 废话不多说上代码 路由代码 { path: '/list', name: '列表', component: Layout, meta: {title: '列表', icon: 'service'}, redirect: '/orderManger', children: [{ path: '', name: '主列表', compone…
记录一下入手Flutter后实际开发中踩过的一些坑,这些坑希望后来者踩的越少越好.本文章默认读者已经掌握Flutter初步开发基础. 坑1问题:在debug模式下,App启动第一个页面会很慢,甚至是黑屏.解决:请切换到release模式,或者使用flutter build apk 打出来的release包不用修改任何代码就可以解决问题.坑指数:⭐️⭐️⭐️ 坑2问题:使用官方做法集成现有Android 项目:https://github.com/flutter/flutter/wiki/Add-…
 1.路由变化页面数据不刷新问题 这种情况一般出现在vue-router的history模式下,初次进入会执行钩子函数,再次进入时则不会. 解决方案: 监听路由变化 watch : { "$route" (to, from) { if(to.path.indexOf('/home') > -1) { this.initData() } } } 2.setInterval路由跳转继续运行并没有及时进行销毁 比如一些弹幕,走马灯文字,这类需要定时调用的,路由跳转之后,因为组件已经销毁…
用 v-for 循环式  每个item的值相等的情况下,会影响v-model的双向绑定: Modal 组件开发,主要用slot 标签来实现 <template> <transition name="modal"> <div class="modal-mask" @click="$emit('close')"> <div class="modal-wrapper"> <div…
(转自)https://www.cnblogs.com/zifayin/p/8312677.html 1.路由变化页面数据不刷新问题 这种情况一般出现在vue-router的history模式下,初次进入会执行钩子函数,再次进入时则不会. 解决方案: 监听路由变化 watch : { "$route" (to, from) { if(to.path.indexOf('/home') > -1) { this.initData() } } } 2.setInterval路由跳转继续…
1.使用elment或者mintUI库时,需要全局引入ui库的css文件:然后在修改自己样式时,需要将自己的css文件引入到main.js中才会生效,全局引用2.使用v-html展示dom字符串时,相应的css文件中的样式是不会生效的,需要使用组件展示dom 3.axios使用,是需要一个qs的node模块,然后请求的数据格式是表单格式的,需要设置header的Content-Type格式 import Vue from 'vue' import axios from 'axios' impor…
一.上传图片并在前端展示 为了避免前端整体刷新,我们采用ajax+iframe(兼容所有浏览器)上传,这样用户上传之后就可以立即看到图片: 上传前: 上传后: 前端部分html: <form style="display: inline-block" id="upload_img_form" name="form" action="/upload/" method="POST" enctype=&qu…
如果在一个组件中使用了定时器,当通过路由切换页面的时候 1.如果有同一个组件,定时器会叠加. 解决方案: computed:{ timer: { set (val) { this.$store.state.timeout = val; }, get() { return this.$store.state.timeout; } }, }, mounted(){ if ( this.timer ) { clearInterval(this.timer); } //定时发请求 var self=th…
初始化WebSocket initWebSocket(){ //初始化weosocket const wsuri = 'ws://10.100.45.8:8888/websocket';//ws地址 this.websock = new WebSocket(wsuri); this.websock.onopen = this.websocketonopen; this.websock.onerror = this.websocketonerror; this.websock.onmessage…
总想写点什么,却不知道从何写起,那就从项目中踩过的坑开始吧,希望能给可能碰到相同问题的小伙伴一点帮助. 项目情景: 有一个id,要求通过当前网页打开一个新页面(不是当前页面),并把id传给打开的新页面,然后新页面在初始化时候使用这个id,发送请求········. 解决方案: 第一个小伙伴选择了cookie,总所周知cookie可以在同源网页间共享.我建议他不要用,因为cookie在页面发送请求的时候都需要一同发送的,浪费带宽不好. 然后我骄傲的建议了他使用sessionStorage或者loc…