深坑场景:vue-异步请求数据,数据还没回来,页面却如饥似渴的准备好了的尴尬场景:问题原因和解决如下: 1.先说vuex中的store,一开始我为了偷懒是这么设置的,如下图: 然后我到了组件中直接这么用的: 结构中也是,很懒的直接用: 结果就出现了诡异的问题(最近总是遇到诡异的问题,我在猜测会不会和我看了<苗疆巫蛊传奇>有关,没错,就是为了安利这本书才说的!^_^) 问题就是,明明axios数据都回来了,但是还是会报错说: 一开始仔细核对是不是字段写错了,结果啥都不是! 后来醒悟,改成这样写:…

1. $refs 数据这么绑定的: 然后在created中抛出来,猜猜看看打印的是两个什么? 结果如下: 第一个跑出来了,第二个,却undefiend,没有东西?!... 后来去官网查看$refs的解释: 这么一看是我在created中抛出的原因了,于是我换到mounted中,最后果然全出来了! $refs只在组件渲染完成后才填充,并且他是非响应式的,它仅仅作为一个直接访问子组件的应急方案,应当避免在模板或者计算属性中使用$refs!——<vuejs实战>梁灏 对于一个vue小白来说,这个确实…

1.注册全局组件(是一个单vue页面组成的一个组件,而不是现拼的template结构) 结构: 代码:main.js import UserList from './components/UserList' Vue.component('user-list', UserList) 2. 让头像不压缩的填充展示 img{ display: block; } 3. 背景图引入路径错误问题: 如图,结构如下,怎么核对检查,路径和文件名都是没错的, 但是不清楚为什么就是找不到图片还报错 后来才想到,我的…

1. vue中获取dom节点时机 vue组件中获取dom节点一定要在mounted周期之后的下一次事件循环,包括 component.$refs,component.$el,component.$children等一般写法在nextTick中获取,mounted不是必须:mounted(){ this.$nextTick(() = { const el = this.$el; })} 2.watch变量合并更新 vue的dom更新是异步的,因此watch一个变量时候,短时间内频繁更新该变量的值,…

最近新入职一家公司,后端造接口速度很慢,想来想去还是搞一套模拟接口,来满足开发需求,有人会问,我造一个死数据不就可以了吗?或者说,后端数据结构都没出来,字段我怎么定? 问这个问题的人不奇怪,我之前也有这种疑问,mock造出来的数据是动态的.前端完全可以自己造数据结构,后端根据这个做一个模型就可以了,谁叫他们慢,字段嘛,实在要修改,他们确实不好改,前端改改就完事了;下面我将跟大家说说最近玩vue+mockjs的心得, vue的项目搭建我就不多说了,有自己用vue-cli创建的,也有直接用webpa…

表现: IDE是vs2017.是在 A 控制器方法断点后,却怎么也运行不到那个位置,但是又正常返回页面.该方法位于web项目引用的控制器类库上的一个控制器,试过它隔壁的控制器,一切正常. 但每次访问该方法,codelens都会有一次记录,如下: 尝试解决: 首先找了web项目,看看有没有那个名叫 A 的控制器,控制器数量不多,看了一眼,结果是没有,也没一个个点开看里面内容.接着觉得是bin文件里面会不会混入其它类库包含有名叫 A 的控制器,于是清理了一遍解决方案重新生成,结果还是不行. 然后想到…

这是我第一次写博客,主要是记录下自己解决问题的过程和知识的总结,如有不对的地方欢迎指出来! 需求:点击btn,弹出modal显示图表(以折现图为例) 这应该是很基本的需求也是很容易实现的,代码和效果如下: 代码解释:setTem是一个方法,改变modal为true,默认为false : chart-line是图表子组件,通过data向其传递参数,data绑定的数据是父组件mounted后拿到的数据 效果图:点击btn后的确显示了modal框,但是里面的图表不能显示,接着改变子组件任何代码,迫使重…

说一句MMB, 一下午时间, package cn.tbnb1.seckil.quene; import java.util.concurrent.ArrayBlockingQueue; import java.util.concurrent.Callable; import javax.servlet.ServletContextEvent; import javax.servlet.ServletContextListener; import javax.servlet.http.HttpS…

系统采用jeeplus框架(ssm+redis+shiro+mongodb+redis),默认是了JSP未做前后端分离,由于业务需要已经多终端使用的需求(H5.小程序等),需要实现前后端分离.但是由于需要同时保留原版的未做前后端分离的UI 和新版做了前后端分离的UI,所以采用单独提出一套接口做封装供前端VUE使用. 原先使用时有一个业务场景及客户可以通过其它系统跳转到我们系统不需要登录,但是由于是其它客户系统不好做SSO加上工期紧.我们次用了客户系统在登录前先发送一次请求同步用户信息到我们系统,…

1.Eslint js代码规范报错 WARNING Compiled with 2 warnings 10:43:26 ✘ http://eslint.org/docs/rules/quotes Strings must use singlequote src/components/HelloWorld.vue:43:9 name: "HelloWorld", ^ ✘ http://eslint.org/docs/rules/space-before-function-paren Mi…