vue中this.$forceUpdate()
页面传的数值动态改变,接口接受的参数也就动态更改,但接收的数据有时候不会及时不变,通过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 设置固定高度可以暂时解决。
更多推荐
所有评论(0)