vue.js代码开发最常见的功能集合

1：点击新增按钮跳出新页面

新增

在方法中，添加这个方法即可

 addNew()
            {
                this.$router.push({ name: "newMember" });
            },

完整代码

2:实现一个简单的搜索框

图片.png

3：点击开关按钮

图片.png

4：点击按钮，弹出提示弹框

按需引入弹框插件import {MessageBox} from 'mint-ui';

图片.png

5：Toast功能

点击按钮，有两秒钟的提示成功的信息，import { Toast } from 'mint-ui';导入Toast功能

图片.png

6:vue最简单的tab点击切换效果

图片.png

7:提示弹框中带有若干行字

图片.png

原文作者：祈澈姑娘
技术博客：https://www.jianshu.com/u/05f416aefbe1
90后前端妹子，爱编程，爱运营，爱折腾。
坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家一起探讨交流。