![](https://img-blog.csdnimg.cn/20190927151026427.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue相关
分享Vue项目中遇到的问题以及相关知识。
偏居闹市背后
不积跬步无以至千里 不积小流无以成江海
展开
-
vue项目 - 自定义数字输入指令 | 限制自定义小数位输入
最近在开发中,有这样的需求,比如:一个输入框,只允许输入正整数、或者两位小数,如果每个都加限制的话就很浪费时间,后来查找资料找出了一个一劳永逸的解决方案,就是加一个自定义指令,就与v-model一样,定义好之后,直接使用就可以了!1、在main.js中直接加入代码:import Vue from 'vue'Vue.directive("input-limit", { bind(el, binding) { var wins_0 = /[^\d]/g //整数判断 var wi.原创 2020-12-02 16:22:39 · 1114 阅读 · 3 评论 -
已解决!element-UI 父子组件嵌套使用dilog导致蒙版混乱解决方案!
<el-dialog :modal-append-to-body="false" :append-to-body="true"<原创 2021-05-31 16:09:50 · 624 阅读 · 0 评论 -
vue 启动项目时间很长?已解决
突然想起来,之前开发vue项目的时候,第一次以及后续每次更改完东西后,页面都需要加载,启动时间很长,需要两三分钟!!解决方案:把config/index.js中的useEslint 属性值改为 false 即可!!!亲测过,真的好用哦!...原创 2021-05-19 13:46:48 · 5228 阅读 · 0 评论 -
H5 实现电子签名功能-VUE--12301合同签署类似功能
最近做了一个公司内部电子合同签署的功能,里面要实现电子签名,觉得可以记录一下!1、HTML部分:<template> <div class='canvas-box> <canvas @touchstart='touchStartHandle' @touchmove='touchMoveHandle' @touchend='touchEndHandle' ref="can...原创 2021-04-25 16:19:47 · 2444 阅读 · 0 评论 -
element ui 中循环列表的表单怎么校验(v-for动态绑定的数据)
在vue项目中,使用element-ui的表单校验能节省很多时间,简单的对象表单校验,很简单,使用prop属性就可以直接校验。但是,如果表单项里有通过v-for动态生成的数组对象,又该怎么设置验证呢?1、总结:// 简单总结一下:// 1、prop 属性动态绑定,为model对象下的数据,如formData.trip.days为循环数组:// 则::model="formData",:prop="'trip.days.'+ index +'.goProvince'"// 2、在el-form-.原创 2020-12-21 20:23:56 · 2339 阅读 · 2 评论