- 博客(10)
- 收藏
- 关注
原创 动态循环生成的el-form表单增加表单验证
最近搞一个动态循环的el-form,首先动态生成ref值发现竟然放在数组里面,随后我就只用一个,直接循环里面的[VueComponent],最重要的就是别忘了动态绑定model,不然验证不起作用。最重要的一步,表单验证,因为validate()是一个一步的promise()computer里面放入表单验证的规则。
2023-12-05 18:25:57
557
原创 js计算增加月份
vue中增加月份的计算中,会考虑到增加月份加一的情况,在js中,使用split()方法按分割,时间再分别将取得的年份乘以12,得到年份的月数,再加上当前日期的月数,便可得到某年某月的总月数。下面讲解js如何计算两个日期的月份差。...
2022-06-14 11:24:32
2298
原创 el-date-picker踩坑记录
修改日期下拉选项样式最近做了一个项目,有个插件层级太高,所以不得以把日期下拉框样式改了,1. 添加popper-class="my-date-class"属性<el-date-picker v-model="dateRange" popper-class="date-range-class" placeholder="开始时间" type="daterange" start-placeholder="开始日期" end-placeholde
2022-02-21 16:54:06
1182
原创 VSCode Eslint+Prettier+Vetur以及koroFileHeader自动注释
话不多说,直接上配置{ /************** Editor *****************/ "editor.detectIndentation": false, "editor.tabSize": 2, "editor.wordWrap": "on", "editor.quickSuggestions": { "other": true, "comments": true, "strings": true }, // 保存时自动格式化
2022-02-14 11:29:21
364
原创 Vue3.x快速上手(三)Vite脚手架之组件开发
Vite学习创建Vite脚手架安装Vite 用node装确保更新npm版本npm init @vitejs/app也可以使用yarn安装yarn create @vitejs/app取名字选开发技术选js或ts安装依赖运行npm run dev...
2021-11-11 22:32:28
1133
原创 Vue3.x快速上手(二)Vue3.x的生命周期和响应式原理
Vue2.0和Vue3.x的生命周期对比 Vue2.0 Vue3.x Vue3.x生命周期钩子函数<div id="app"> <input type="number" v-model='num'> <button @click='handleUnmount'>销毁</button> </div> <script> const {createApp,reactive,...
2021-11-05 16:05:31
180
原创 Vue3.x快速上手(一)Vue3.x的主要函数
创建Vue3.x框架Demo<script src="https://unpkg.com/vue@next"></script><body> <div id="app"> {{title}} </div> <script> const {createApp} = Vue const app= createApp({ data(){ return {
2021-11-05 11:27:14
334
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人