Vue
Vue相关
qiaokeli826
这个作者很懒,什么都没留下…
展开
-
element ui 扩展金额输入组件
Element UI 的input 输入框合适作为金额输入框的类型有type=number 和type=text两种,其中type=number会在右边增加一个上下按钮提供加减,个人认为不是很美观,于是采用type=text来实现。采用type=text需要注意很多地方:1、只能输入数字、小数点及负号;2、小数点只能输入一次,不能出现在开头位置;3、负号只能输入一次,只能出现在开始位置;4、只能输入到小数点后两位;5、不能以小数点结尾;6、0开头或者-0开头后第二个字符只能是小数点对于上面原创 2021-01-04 17:04:32 · 1874 阅读 · 0 评论 -
利用vant UI 数字键盘做金额输入键盘
先上效果vant UI 数字键盘是比较通用的,往往需要根据实际业务需要进行相应整改,比如金额输入:1、小数点不能再最前面;2、保留小数点后两位;3、不允许出现多于1位的小数点;4、不允许前面出现两个0下面开整:<template> <div> <van-field readonly label="¥" clickable :value="value1" @touchstart.native.stop="show = t原创 2020-11-05 15:15:38 · 4270 阅读 · 0 评论 -
element ui 组件使用笔记(二)
本文主要为通过element UI 实现类似cascader的组件,element cascader 组件数据结构遵循严格的树级数据结构,但是有时业务可能不会有此结构数据,在此先上图:此结构主要涉及到三个element 组件,popover,input,scrollbar<template> <div class="ui-rule-params widthX120"> <el-popover ref="paramsPop" popper-c原创 2020-10-30 11:22:25 · 297 阅读 · 0 评论 -
element ui 组件使用笔记(一)
1、element UI cascader组件清空后再次选择状态还原问题 现有element UI Cascader 组件选择或者展开后移动到某项时,关闭后再次选择会展示之前的状态,而不是从第一级开始展示。第一次选择:选择中:再次选择:如上图所示,再次获取焦点时没有还原成初始状态,而是展示了最近的访问状态,在部分需求中是不符合要求的,下面是核心处理方法:<el-cascader ref="houseFrame" v-model="myHo...原创 2020-07-27 16:03:14 · 306 阅读 · 0 评论 -
Vue Router 通配符路径不好解决的问题处理
在绝大多数情况下,我们都会在vue-router的路由表下面注册一个通配符路由以便所有不能识别的路由都往这个component里面跳转。import VueRouter from 'vue-router';const router = new VueRouter({ mode: 'history', routes: [ ...menus, { path:'*', component:Page404原创 2020-07-15 12:02:50 · 2645 阅读 · 0 评论