$("li").click(function (e){ $("li").removeClass("active"); $(e.target).addClass("active"); }) ...

描述。点击系统切换，弹出系统切换框。再次点击系统切换，隐藏。点击其他地方。也会隐藏 在layout.vue中写的html代码 1、在main.js中写入全局函数 // 定义全局点击函数,右侧系统切换点击其他地方隐藏系统切换菜单，在layout.vue中使 ...

一、首先，active-class是什么， active-class是vue-router模块的router-link组件中的属性，用来做选中样式的切换； 相关可查阅文档：https://router.vuejs.org/zh-cn/api/router-link.html ...

HTML JavaScript 使用 $emit(eventName) 触发事件，在组件内部绑定点击事件，每个独立组件之间发生点击事件触发外层函数，实现选项卡功能 ...

本文只是结合一些代码和图片加强对Vue动画的理解，更多资料请戳这里 结合原生CSS实现动画 下面是一张图片，简单清晰明了是吧^-^ 下面是一段代码 结合animate.css实现动画 使用钩子函数实现动画效果 ...

在做移动端商城或者其他页面的时候，经常会遇到左右联动的效果，今天小编vue2.0和better-scroll这个插件一起实现左右联动效果。 实现上面的效果，思路一定很重要，还有需求 1. 左边一级分类和右边二级分类形成联动 2. 当滑动右侧分类列表时, 更新左侧分类选中 3. 点击左侧 ...

使用vue2.0写移动端的时候，经常会写底部导航效果，点击切换路由效果，实现图片和文字颜色切换。vue2.0也提供了很多ul框架供我们实现效果，今天就用原生的实现一个底部导航切换，直接上代码： 效果图 路由搭建 export default new Router ...

1、创建 2、数据 3、事件 4、样式表 5、例 ...