Advertisement

Vue组件实现功能模块或切换效果 animations

阅读量：

Vue.js组件实现选项卡以及切换动画特效

近期正在学习Vue框架，在阅读梁灏老师所著的《Vue.js实战》一书时，注意到其中关于通过组件实现选项卡功能的讲解。基于课程练习内容并结合个人理解，我对该部分内容进行了重新编写与实践。

整个组件结构由pane.js和tabs.js两个文件组成，接下来将直接展示相关代码实现。

复制代码 
    <!DOCTYPE html>
    <html lang="en">
    
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
    </head>
    
    <body>
    <div id="app">
        <tabs v-model="activeKey">
         //transiton是Vue自带封装的，不懂的同学可以去找文档，主要是可以实现动画

全部评论 (0)

还没有任何评论哟~

相关文章推荐