tab

  • Vue造轮子-tab组件(中)

    1. 如果给一个标签一个class,标签本身又有class,vue是默认会合并的。只有两个属性是这样一个是class,一个是style。这样就比较好改样式。 {代码...} 2. 组件的结构以及selected的传递过程,见下图。 没有点击的图 发生了点击操作的图,两个item兄弟之间是没有关系的,发生了点击操作之后要做下图中的五件事情。 亮自己 熄...

    前端框架 2020-04-05 427 0 0
  • Vue造轮子-Tabs测试(下)

    test里面也应该期待一个报错,通过google搜索chai expect error得到写法,但是又碰到报错是异步的问题,接下来我们又搜索 chai aysnc error 去解决,发现也没有办法解决,决定退而求其次把error改成warn {代码...}

    前端框架 2020-04-05 434 0 0
  • Vue造轮子-tab组件(下)

    <img src="https://i.loli.net/2020/01/27/gS4ZwP6zfAvULYT.jpg" alt="微信" width="400" height="400" align="bottom" />

    前端框架 2020-04-05 451 0 0
  • 造轮子-tab组件(上)

    log+分析代码,mounted和$nextTick是有时间间隙的,得到原因测试用例中mount完了之后立刻click,click之后再$nextTick设置高度,所以可能是click太快了,此时s当$nextTick的时候,已经toast已经被我们关掉了,所以无法设置高度,那么解决方案就是我们就需要模拟用户点击,200ms后再点击

    前端框架 2020-04-05 422 0 0
  • Vue造轮子-Tabs测试(上)

    <img src="https://i.loli.net/2020/01/27/gS4ZwP6zfAvULYT.jpg" alt="微信" width="400" height="400" align="bottom" />

    前端框架 2020-04-05 412 0 0