qq_36533879的博客

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

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

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

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"&

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

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

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

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

/** * 将时间戳或者 这种格式 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.