懒记记-CSDN博客

原创 vue.md

(个人记录)必要命名组件名必写组件名为多个单词组件名为大驼峰export default { name: 'TodoItem', // ...}组件数据data必须是函数export default { data () { return { foo: 'bar' } }}Prop定义尽可能详细，写出类型和默认值props: { status: { type: String, default: 's.

2022-03-09 14:38:56 795

原创 git 命令

Git在master上拉一个新的分支开发1： git checkout master 　切换到master分支2： git pull 更新到最新代码3： git checkout -b dev 创建新分支并切换到该分支4： git push origin dev 推送新分支到远程仓库5： git branch --set-upstream-to=origin/dev 关联远程仓库6: git pull 尝试拉取验证7: git fetch 同步远程分支8. Git st

2021-11-29 10:32:07 130

原创 util.js方法合集（...记录）

/** * 将时间戳或者这种格式 2019/10/20 13:06:05 变成 2019-09-05 13:06:05 * */export function formateDate(val) { const date = new Date(val); const year = date.getFullYear(); const month = date.getMonth() + 1 >= 10 ? date.getMonth() + 1 : '0' + (date.

2021-11-29 10:24:00 422

原创 js 根据出生年月计算年龄精确到天

需求：根据出生年月自动计算年龄到天。找了很多特别复杂，终于看到一个！！！原文链接：大概是最简单的年龄计算方法仅作记录参考：function getAge(birthday) { // 新建日期对象 let date = new Date() // 今天日期，数组，同 birthday let today = [date.getFullYear(), date.getMonth() + 1, date.getDate()] // 分别计算年月日差值 l

2021-08-04 14:52:23 3330

原创 elementui InputNumber 计数器不去零

需求： InputNumber 计数器精度不固定，且小数点后不能去零。目前没想到别的解决方法，仅想记录下补零过程。<template v-if="fline.inputFormat == 3"> // <el-form-item prop="fieldContent" :rules="{ required: true, message: 'Please Enter1 ' + fline.fieldNam

2021-07-29 11:21:11 1319

原创复杂/动态/循环表单，input输入值却触发校验

需求：复杂表单，各种绑定值都不固定，出现输入值却触发校验，rules也不能写死，且最后提交校验不好控制。大体例子如下：<el-form class="autoFormLine" ref="testTabRef" :model="formContentObj" label-width="145px" v-loading="tabFormLoading"> // <!-- inputFormat: 0格式未确定，(1单选，2多选，3数字，4文本)5日期，6日期+时间 --&g

2021-07-29 11:14:05 796

原创滚动条适应不同像素页面

需求：内容区左侧自定义添加成为导航，需设置超出显示滚动条。超出的高度定死显示在不同像素下会出现超出屏幕或者不满足一屏幕下方空白。交互不友好。固暂时用以下方式解决。created() { // 65,55页面顶部元素 28微调 this.maxHeight = document.body.offsetHeight - 65 -55 - 28 },//每行tab <div class="line-box" v-if="lineData.length != 0" :style

2021-07-29 11:01:30 163

原创 elementui ImagePicker

学习记录：需求：定义一个图片上传/预览/放大效果公共组件。<template> <div class="image-picker">  <span v-if="viewImgTitle" @click="viewBigImg" class="view-image-title">{{viewImgTitle}}</span>  <div

2021-07-29 10:51:23 325

原创 vue tabs右箭头动态显示隐藏

需求：elementui 标签页多个情况下，自带左右标签，当右标签滑动到最后一个的时候隐藏。注意：查找实例会有时差，可以使用定时器延迟下。isRightArrow(){ this.$nextTick(() => { // 找出下面对应的nav实例 function findTabNavVue (vueStance) { const childrens = vueStance.$children const len

2021-07-23 14:19:37 2920 5

原创 vue 球形词云

record：1.引入<Cloud :tagNames.sync="tagNames"></Cloud>2.组件Cloud<template> <div class="clouds"> <svg :width='width' :height='height' @mousemove='listener($event)'> <a v-for='(tag, index) in tags' :key="index"&

2021-06-30 09:48:10 1232 2

qq_36533879的博客