Vue中使用this.$forceUpdate解决el-date-picker点击不显示问题
实际上是赋值的 界面上并不渲染的问题,this.$set可解决这个问题 ,我们要说的 this.$forceUpdate()对比较方便,推荐使用。
·
利用v-model绑定Date在赋值后,点击选择日期页面不显示。
<el-date-picker v-model="Date" value-format="yyyy-MM-dd" >
</el-date-picker>
<script>
this.Date = this.getDate();
</script>
实际上是赋值的 界面上并不渲染的问题,例如在data中有一个msg的变量,你修改它,那么在页面上,msg的内容就会自动发生变化。但是如果对于一个复杂的对象,例如一个对象数组,你直接去给数组上某一个元素增加属性,或者直接把数组的length变成0,vue就无法知道发生了改变。
this.$set可解决这个问题 ,我们要说的 this.$forceUpdate() 对比较方便,推荐使用。
解决方法:添加 @input="input()"
<el-date-picker v-model="Date" value-format="yyyy-MM-dd" @input="input()" >
</el-date-picker>
input() {
this.$forceUpdate();
},
更多推荐
已为社区贡献1条内容
所有评论(0)