坏丶毛病

接触过vue的童鞋都知道路由跳转，配置子路由实现tab选项卡效果。 而常见的头部固定，左侧边栏固定，只是右侧内容变化的这种布局方式又是我们所必须的。 一起来看看吧。 页面分为上下两个板块，头部高度固定，宽度占全屏，内容区域通过计算属性 calc计算得出全屏减去头部的高度所剩的大…

vue的双向数据绑定大家应该很熟悉了，当一方的值发生改变时，另一方绑定的值也会随之变化，用起来是挺嗨的。 最近有个需求是通过对接websocket获取后台服务器实时变化的值，推送给web端使用。 基于这个需求，我使用到了js中的设计模式-观察者模式。 那么，让我们来一起了解一下…

在日常开发中，我们可能经常会通过一个变量的值，去控制处理一些逻辑。 比如，当我tepm的值为true的时候，我就需要去把某个变量增加1。反之则减一。 但是，在js中，代码一般都是从上往下执行的，当我执行到某一行，去判断temp的值的时候，当然可以做到针对性的逻辑处理，但是当我越…

锚点链接是我们在开发中经常会用到的一个技术点，常见的常见有，页面内容过多，而我们不希望拿鼠标一直来回滚动，就需要用到锚点链接，以 " 目录 " 的方式来进行对应的跳转。 大家可能注意到url地址栏的变化，每次点击锚点会在地址栏后面加对应的地址。 但是vue是基于路由的，通过切换…

之前在原生JS的开发中，我们经常会用到根据某一状态进行页面的跳转。 比如：登录成功跳到首页，点击商品列表的某个商品跳转商品详情等。 路由。 大家都知道vue的每个页面级组件需要配置路由才可以使用，那么跳转页面也就是控制路由的切换。 这里通过路由router的push方法，用来切…

三角形是我们在开发中常用的，比如点击展开某个树状菜单，右边本来是向右的小箭头，然后变为向下，类似的 场景很多。 只需要一个span标签即可，因为span是内联元素，我们首先把它转为块元素或内联块元素，然后设置宽高都为0，然后利用边框让元素本身可以显示，边框颜色都设置为透明，然后…

element ui我就不过多介绍了，它是基于vue的ui组件库，相信使用vue开发的人，难免离不开它们。 那么在日常使用中，我们也可能会发现element ui中的内置小图标非常少，这时就需要我们结合第三方的小图标库来一起使用了。 俗话说 1+1>2 。 那么就拿阿里字体小图…

之前在vue中使用element-ui的表格，都是固定的key值，也就是这种情况。 那么我们来看看怎么实现的。 我个人的理解是，在table中传入当前数组中的SampleData数组，然后我需要一个列来接受当前的SampleData数组中的每一个对象，然后通过循环对象，拿到对象…

之前都是介绍在普通项目中使用mock.js，那么本次就来介绍一下在vue中使用mock.js实现前后端分离。 这里先写个小案例介绍一下具体使用，写法不规范，仅供参考。 首先引入了mock.js，然后定义了一个方法，用axios请求后台数据，在创建后调用此方法，然后我在创建后使用…