![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue 项目
雨_生
你的努力和汗水都将成为筑起你成功高台的基料!
展开
-
vue: Initialize failed: invalid dom 之 dom加载出现的问题
这里遇到的问题是引入 Echarts因为在Dom还没加载的时候,option 获取元素,echarts.init(document.queryselect(’#dom’))就开始检测dom,并尝试去获取它,但是在vue中引用echarts的中,发现在模板dom还没加载的时候echarts.init() 就已经开始执行,所以会报错 Initialize failed: invalid dom...原创 2019-04-08 15:41:44 · 38140 阅读 · 13 评论 -
vue之 父组件与子组件的 ‘值’ 双向绑定语法糖 ‘.sync’
vue中,父子之间的传值称为双向绑定在实际运用中,我们会在父组件中对子组件传过来的值被动设置一个自定义的事件监听传过来的值比如 父组件中: <div> 子组件: <child :val='testV' @transfer='onVal'/> </div> methods: { ovVal (val) { this.testV= ...原创 2019-04-11 11:09:08 · 665 阅读 · 0 评论 -
axios 之超时处理
在工作中,我们基本会遇到请求超时,需要重新发起请求或者进行相应的处理但是axios之中,并没有超时回调给你,所以这就需要你根据error信息来进行判断我们开始走流程把:1、判断超时,网上很多都是一模一样的,完全没有自己的见解,这里我不推荐这种方式,所以,我希望你看了之后,自己去理解使用方法和思维,写出自己的东西。 `很多人使用了axios的`Interceptors`来做处理,这里就来写一...原创 2019-03-27 15:10:20 · 11885 阅读 · 0 评论 -
Vue之简单状态管理(适用于简单项目)
这个简单的store,支持全自动本地缓存,应对vue的刷新状态丢失问题var store = { data: { type: { isLogin: false, isModule: false }, userInfo: {} }, get state () { return this.data }, set state...原创 2019-02-21 17:20:47 · 1797 阅读 · 0 评论 -
vue-awesome-swiper
vue-awesome-swiper 自动轮播 无限循环问题 解决出现问题是因为swiper一开始初始化的时候渲染速度比请求速度快,那时候数据还没有回来,轮播图片也没有回来,这时候swiper就出现了检测不到内容,从而内部的一些js获取不到参数,造成自动轮播和无限循环出错解决办法为:在v-for循环的元素上,先检测数据是否有回来,使用v-if,因为请求数据也很快,所以进入页面几乎察觉不到这一...原创 2018-10-29 17:22:24 · 192 阅读 · 0 评论 -
Vue 之 Slot
slot在vue中称之为插槽展示:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;没有使用slot&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;使用slot理解:&nbsp;&原创 2019-01-09 11:44:40 · 421 阅读 · 0 评论 -
关于 vue 的路由层级 ,用来制作面包屑
这里我要自我检讨一下,我根据自己的认知对vue-router的路径进行保存,花费时间和精力,这里 我贴出一段错误代码我的理解是这样的 // 首先获取当前路由对象 let route = this.$route.matched.pop(); getRouterBran (route ) { // 检测当前路由是否为一级路由,一级路由我不会写name属性, if (!rou...原创 2019-01-05 21:33:01 · 4140 阅读 · 0 评论 -
Vue 之 Vux数据保存
在日常Vuex项目开发中,我们经常需要这样一个需求:页面是不关闭,那么数据永久存在,但是Vue的插件Vux的特性决定了,一旦页面刷新,即使不关闭,Vux内的状态,依然会丢失,除非重新赋值解决在和朋友交流的时候,朋友推荐了一个插件,具体作者,我不知道,别笑,但好用就行插件名字为// 数据持久化插件,页面刷新后存在 Vux的数据不会丢失,不用再去手动存取数据到storage// 我这里是在...原创 2019-01-04 11:58:41 · 1909 阅读 · 0 评论 -
关于Vue中的axios数据异步 获取后,更改数据,页面没有更新
更改axios数据后,页面没有更新解决办法列子解决列子 //页面视图HTML &lt;span&gt;{{test[0].ress}}&lt;/span&gt; // 数据请求 this.axios.get('/list/1').then(res =&gt; { // 得到数据 this.test = res.data.data // 对数据批量更改 ...原创 2018-12-27 21:31:51 · 18521 阅读 · 13 评论 -
Vue之 get和set
在之前的面试中遇到面试官让我讲解一下vue的get和set的原理,当时我有点蒙逼,个人熟练运用vue但并未去探究其原理,所以GG现在讲解一下:get和set是es5也就是es2015中的对象访问器,它在对象属性或方法获取值(get)时被触发,同时设置值得时候也会触发(set)这是es5的特性vue中的运用:vue在组件本身是一个对象,当将此对象传入vue的实例的时候,vu...原创 2019-04-15 11:01:03 · 7108 阅读 · 0 评论