随笔分类 -  vue

vue + ElementUI 表格筛选框的高度设置，超出一定高度，显示滚动条
摘要：相信有很多小伙伴遇到过这个问题，首先还是来看图片，筛选框我做了处理，所以和官网的有点小差别 官方网站和个人网站对比图如下： 代码如下：（F12找到该元素的class，设置高度） 如果我的内容对你有帮助，欢迎打赏 阅读全文
posted @ 2017-08-24 16:12 盒子豪 阅读(22280) 评论(1) 推荐(0)
vue + ElementUI 关闭对话框清空验证，清除form表单
摘要：前面跟大家提到过 elementUI验证的问题，那么今天就来看看 点击对话框和关闭按钮 怎么清空验证，清空form表单，避免二次点击还会有 验证错误的提示 1、首先在你的对话框 取消按钮 加一个click事件，例如：（ps:：callOf里面的addGroupData和ref一 一对应起来） 2、点 阅读全文
posted @ 2017-08-23 10:22 盒子豪 阅读(44847) 评论(8) 推荐(0)
vue $emit 父组件与子组件之间的通信（父组件向子组件传参）
摘要：1、首先新建一个子页面为 env.vue的文件（名字这里大家可以自取） 2、然后把子页面引入父页面，代码如图： 在需要添加的地方写上<env></env> 3、子组件页面代码如图： 阅读全文
posted @ 2017-08-22 15:17 盒子豪 阅读(2428) 评论(0) 推荐(0)
vue elementUI之Form表单 验证
摘要：首先说一下 我在form表单里面遇见的坑： 1.例如我要给后台传的不是对象，而是一个数组，怎么写验证？ 2.比如我有四个弹出框，都要做验证，这个时候就要注意了，每一个弹出框的ref都不能给的一样，并且一定要与当前弹框的确定或者保存按钮一一对应，例如：第一个弹框的ref='number',按钮的cli 阅读全文
posted @ 2017-08-21 14:57 盒子豪 阅读(53590) 评论(6) 推荐(1)
vue element-ui 表格筛选，点击筛选数据
摘要：filters：在vue，data里，写上你需要的文字,对应传递给后台的value：例如 runArr: [{ text: '线上', value: 1 }, { text: '预发', value: 2 }] 效果对比如下：（去掉了多选框，筛选、重置按钮） 阅读全文
posted @ 2017-08-21 14:25 盒子豪 阅读(16648) 评论(3) 推荐(0)
使用Bootstrap + Vue.js实现 添加删除数据
摘要：界面首先需要引入bootstrap的css和vue.js，jQuery.js才可以看见效果。 这里提供bootstrap的在线文件给大家引用： 效果如下图所示，输入用户名和年龄，点击添加，数据会自动添加到下面的用户信息表内。当没有数据时，用户信息表显示：暂无数据……，当有数据时，显示 删除全部 按钮 阅读全文
posted @ 2017-02-26 20:59 盒子豪 阅读(9904) 评论(4) 推荐(1)