通过绑定class类的方式改变style样式

2018-05-31  本文已影响0人  18fa100a8459

参考资料(链接)

实现原理:动态绑定class类,若判断语句成立则class样式生效,否则不生效

关键点截图如下:

因为li是动态渲染出来的,在当@mouseenter是将当前li的索引值传过去,还需要注意的是class的判断条件就是data里面的变量ind要和当前li的索引一直

在对应的方法中,如图所示:

每个方法函数里就是讲当前index的值赋给ind

最后将class类写入需求的样式,如图所示:

上一篇下一篇

猜你喜欢

热点阅读