随笔分类 -  Vue

vue之this.$route.params和this.$route.query的区别
摘要:1.this.$route.query的使用 A、传参数: this.$router.push({ path: '/monitor', query:{ id:id, } }) B、获取参数: this.$route.query.id C、在url中形式(url中带参数) http://172.19. 阅读全文

posted @ 2018-12-21 17:01 平平淡淡summer 阅读(31574) 评论(0) 推荐(2)

Invalid prop: type check failed for prop "maxlength". Expected Number, got String.
摘要:1、项目中,使用element-ui的input表单的maxlength属性报错 2、使用场景: <el-input v-model="fname" maxlength='100'></el-input> 报错:Invalid prop: type check failed for prop "ma 阅读全文

posted @ 2018-12-05 11:58 平平淡淡summer 阅读(3866) 评论(0) 推荐(0)

封装通用组件
摘要:最近因项目需求,对ElementUI中表格、对话框、菜单等做了二次封装,为了较少代码的书写量等。 通用组件具备高性能、低耦合的特性。 1、数据从父组件传入 为了解耦,子组件本身不能生成数据;即使生成了数据,也只能组件内使用,不能传递出去。 父组件对子组件传参,使用props,例如: props: { 阅读全文

posted @ 2018-08-22 11:53 平平淡淡summer 阅读(1194) 评论(0) 推荐(0)

vue+ElementUI项目中,上传控件为必填项,上传图片后清空提示信息
摘要:(ps:以下是我在项目中遇到得问题及解决方法,希望对你们有帮助。如果还有其他方法,可以留言,谢谢) 一个表单页面,使用element-ui中el-upload上传图片,此项为必填项,然后写了校验规则,当不上传图片时,会提示请上传图片,当上传图片后,提示不会消失; 代码如下: <el-form-ite 阅读全文

posted @ 2018-07-27 10:13 平平淡淡summer 阅读(5087) 评论(0) 推荐(0)

vue+ElementUI项目中,input只能输入正整数的验证
摘要:代码如下: <el-input v-model="famount" placeholder="请输入内容" @keyup.native="number"></el-input> methods:{ number(){ this.famount=this.famount.replace(/[^\.\d 阅读全文

posted @ 2018-07-18 10:48 平平淡淡summer 阅读(26186) 评论(0) 推荐(0)

vue自定义指令之拖动页面的元素
摘要:此案例中,用到了鼠标事件onmousedown、onmousemove、onmouseup 源代码如下: 阅读全文

posted @ 2018-04-03 20:17 平平淡淡summer 阅读(4879) 评论(0) 推荐(0)

使用淘宝镜像cnpm安装Vue.js
摘要:简介: Vue.js是前端一个比较火的MVVM框架, 是一套构建用户界面的渐进式框架。 Vue 只关注视图层, 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件 安装方式: 第一种:使用npm,比较适合比较大型的应用,由于npm是国外的,使用 阅读全文

posted @ 2017-12-26 12:59 平平淡淡summer 阅读(43421) 评论(0) 推荐(3)

导航