vue中this.$forceUpdate()

页面传的数值动态改变，接口接受的参数也就动态更改，但接收的数据有时候不会及时不变，通过this.$forceUpdate()页面强制刷新来解决这个问题

清空表单
this.$refs[formName].resetFields();

this.$nextTick 将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它，然后等待DOM更新。

this.$nextTick 跟全局方法 vue.nextTick 一样，不同的是，回调的 this 自动绑定到调用它的实例上。

总的来说，假设我们更改了某个 dom 元素内部的文本，而这时候我们想直接打印这个更改之后的文本是需要 dom 更新之后才会实现的，就像我们把将要打印输出的代码放在 setTimeout(fn, 0) 中

<template>
    <button ref="tar" 
	    type="button" 
	    name="button" 
	    @click="testClick">{{content}}</button>
</template>
 
<script>
    export default {
        data () {
            return {
                content: '初始值'
            }
        }
　　　　 methods: {
　　　　　　 testClick(){
　　　　　　　　 this.content = '改变了的值'
　　　　　　　　 // 这时候直接打印的话，由于dom元素还没更新
　　　　　　　　 // 因此打印出来的还是未改变之前的值
　　　　　　　　 console.log(this.$refs.tar.innerText) // 初始值
　　　　　　 }
　　　　 }
    }
</script>

this.$nextTick这个方法作用是当数据被修改后使用这个方法会回调获取更新后的dom再渲染出来

methods：{
    testClick() {
        this.content = '改变了的值'
        let that = this
        this.$nextTick(() => {
            // dom元素更新后执行，因此这里能正确打印更改之后的值
            console.log(that.$refs.tar.innerText) // 改变了的值
        })
    }
}

金额增加 千分位 |moneyformat

获取当前日期时间

var time = new Date().toISOString().slice(0, 10) +' ' + now.getHours() + ':' + now.getMinutes() + ':' + now.getMinutes();
这个方法会存在8小时时差的问题所以改用下边这个

var dateTime = new Date(+new Date()+8*3600*1000)
var date = new Date(dateTime).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')

日期转换时间戳格式

let startdate = new Date(this.guproposalmainvo.identifystartdate).getTime();

对象赋值 深浅拷贝问题

for (var k in f) {
if (f[k] !== undefined) {
s[k] = f[k]
}
}

示例

let f = this.$refs.insurePolicy.form;
for (var k in f) {
if (f[k] !== undefined) {
this.proposalInfo[k] = f[k]
}
}
vue 数组去除__ob__: Observer

JSON.stringify(数组)

获取当前日期时间

export const formatDateTime =function (date) {
  var y = date.getFullYear();
  var m = date.getMonth() + 1;
  m = m < 10 ? ('0' + m) : m;
  var d = date.getDate();
  d = d < 10 ? ('0' + d) : d;
  var h = date.getHours();
  h=h < 10 ? ('0' + h) : h;
  var minute = date.getMinutes();
  minute = minute < 10 ? ('0' + minute) : minute;
  var second=date.getSeconds();
  second=second < 10 ? ('0' + second) : second;
  return y +'-' + m +'-' + d+' '+h+':'+minute+':'+second;
};

随手记

/* 
    1秒 1000
    1分钟 1000 * 60 60000 
    1小时 1000 * 60 * 60 3600000
    1天 1000 * 60 * 60 * 24 86400000
    1个月 1000 * 60 * 60 * 24 * 30 2592000000
    1年 1000 * 60 * 60 * 24 * 365 31536000000
  */
 
  const times = [31536000000, 2592000000, 86400000, 3600000, 60000, 1000]
  const units = ['年前', '月前', '天前', '小时前', '分钟前', '秒前']

rules校验不生效

<el-col :span="8">
    <el-form-item prop="identifynumber" label="证件号码" key="identifynumber">
        <el-input v-model="form.identifynumber" placeholder="请输入"/>
    </el-form-item>
</el-col>

在el-form-item上添加 key属性就可以了

下拉框选择内容之后错位问题

选择内容之前下拉框高度是 50.11px；
选择内容之后高度变为 51.06px；
不清楚什么原因导致的这种现象，试了几种方法，发现给 el-col 设置固定高度可以暂时解决。