![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Yuval Zhong
这个作者很懒,什么都没留下…
展开
-
Swiper首次渲染界面时计算高度不正确
Swiper首次渲染界面时计算高度不正确原因:有图片加载,一开始图片没完全加载。导致swiper计算swiper-wrapper高度时,只计算了一部分的高度,导致盒子显示不完整。解决:Swiper Observer增加Options选项,监听盒子的变化,触发刷新。swiperOptions: { autoHeight: true, observer:true, ...原创 2019-12-04 10:46:38 · 1288 阅读 · 0 评论 -
Vue实战笔记04 - 简易网站后台的搭建之登录系统的搭建
后台登录系统的搭建本文章是学习B站全栈之巅系列课程的学习笔记,利用笔记来吸收升华学到的知识。学习感受是,如果有一定的nodejs+mongoDB+vue的基础,加做过一两个相关的练手项目,再学习这个课程,你会发现原来搭建一个完整有基础功能的网站,是如此的简单,会有很大的收获。视频学习地址:点击这里管理员管理功能1.在之前的基础,新增管理员账号列表页与新建管理员的页面。2.修改请求的...原创 2019-11-19 16:11:14 · 530 阅读 · 0 评论 -
Vue实战笔记03 - 简易网站后台的搭建之后台信息管理功能的实现
本文章是学习B站全栈之巅系列课程的学习笔记,利用笔记来吸收升华学到的知识。学习感受是,如果有一定的nodejs+mongoDB+vue的基础,加做过一两个相关的练手项目,再学习这个课程,你会发现原来搭建一个完整有基础功能的网站,是如此的简单,会有很大的收获。视频学习地址:点击这里物品管理新增前端界面一样的套路,新增Edit页面,List页面,然后去路由新增该页面路由,Main.v...原创 2019-11-14 11:31:53 · 492 阅读 · 0 评论 -
vue-quill-editor富文本选项对齐混乱
vue-quill-editor富文本选项对齐混乱问题:今天使用ElementUI与vue-quill-editor的时候发现,富文本编辑框选项对齐出现了点问题。原因:查询结构发现,是与ElementUI的样式出现问题。vue-quill-editor中,没有设置自身的行高,而是通过继承来设置的line-height,而且其中选项并没有BFC限制,导致行高混乱了。解决方法:为vue...原创 2019-11-13 17:37:33 · 2911 阅读 · 2 评论 -
Vue实战笔记01 - 简易网站后台的搭建之分类功能的实现
简易网站后台的搭建 — 分类功能的实现本文章是学习B站全栈之巅系列课程的学习笔记,利用笔记来吸收升华学到的知识。学习感受是,如果有一定的nodejs+mongoDB+vue的基础,加做过一两个相关的练手项目,再学习这个课程,你会发现原来搭建一个完整有基础功能的网站,是如此的简单,会有很大的收获。视频学习地址:点击这里1.项目目录完整的网站项目中,一般会拥有前台网站,后台管理网站,以及...原创 2019-11-06 10:13:56 · 875 阅读 · 0 评论 -
ElemenUI 使用router.push()跳转,menu菜单选项与当前页不一致
在使用ElementUI时,使用到了 el-menu 编写菜单组件时发现,由router.push()跳转到另外一个组件,Menu的状态不会更新。导致状态不同步。查阅了官方网站,发现有对应的方法解决。default-active 当前激活菜单的 index使用配置default-active指向当前路由的path,就可以解决。因为组件也是使用element中的router配置的,所以选项的i...原创 2019-11-04 16:28:15 · 2938 阅读 · 0 评论 -
Error in nextTick: "TypeError: Cannot read property 'children' of undefined" 解决
报错 Error in nextTick: "TypeError: Cannot read property 'children' of undefined"解决:加一个判断 if (数据存在),再执行this.nextTick()方法原创 2019-02-26 22:39:29 · 24154 阅读 · 1 评论 -
watch监听路由
https://www.cnblogs.com/yesu/p/9546458.htmlwatch监听路由我们可以使用watch来进行路由的监听watch: { changeShowType(value) { console.log("-----"+value); }, '$route'(to,from){ console.log(t...转载 2019-10-16 11:13:57 · 172 阅读 · 0 评论 -
Vue 父组件ajax异步更新数据,并传递给子组件的方法
本文问题解决参考https://segmentfault.com/q/1010000010167688 问题:如何把父组件动态传递ajax数据,并更新子组件的内容注意:在父组件中获取ajax数据,由于是异步获取,所以子组件mounted阶段,ajax仍未完成请求,所以使用:bind方法传递到子组件的数据获取为undefined 方法:子组件中,使用w...原创 2019-02-17 19:06:24 · 2706 阅读 · 0 评论 -
Vue 使用better-scroll自动折叠消失
问题:在显示子组件时,使用异步创建better-scroll对象,成功创建,但是better-scroll自动向外折叠消失原因:1.生成better-scroll对象中,只能有一层父容器,使用其包裹着整个滚动的对象,如下// 挂载点<div ref=scroll> <div class=“child”>滚动内容</div>&...原创 2019-02-15 23:00:09 · 391 阅读 · 0 评论 -
Vue 折叠组件使用多次新建better-scroll,导致单击事件重复调用
问题:Vue 折叠组件使用多次新建better-scroll,导致单击事件重复调用 解决:新建better-scroll时,增加条件判断,如果不存在Bscroll对象时生成新Bscroll对象,若存在,调用Bscroll的方法refresh(),复用之前的better-scroll对象 例如 if (!this.listScroll) {...原创 2019-02-15 14:09:34 · 1145 阅读 · 0 评论 -
Vue v-show/v-if绑定的数据改变时,无法监听数据变化
原因:向对象中新增属性时,Vue无法监听新增的属性的数据变化,从而无法触发视图的改变 解决:使用 Vue.set() 来新增属性Vue.set( target, key, value ) 参数: {Object | Array} target {string | number} key {any} value 返回值:设置的值。 ...原创 2019-02-15 14:02:14 · 14346 阅读 · 2 评论 -
Vue 无法读取HTMLCollection列表的length解决
无法读取HTMLCollection列表的length解决问题:在学习饿了么实践项目时候发现一个问题,在mounted阶段,获取Element对象,console.log()可以读取出列表,而却无法读出它的length如下 let foodList = this.$refs.menuWrapper.getElementsByClassName(...原创 2019-01-26 22:26:37 · 14910 阅读 · 21 评论 -
Vue 列表动态绑定点击样式(active class)以及路由router-link点击样式(router-active-class)
Vue - 列表动态绑定点击样式(active class) 动态绑定样式是我们经常用到的,所以直接整理了方便以后查阅用到的相关知识在vue文档 1.普通的列表动态绑定点击样式 来个小demo,实现的是一个点击绑定动态样式active-class的效果通过index与nowIndex(当前index)作比较,若相同,active-class则为true,显示...原创 2019-01-26 21:58:32 · 6687 阅读 · 1 评论