在vue中从elementui复制日期选择器怎么不显示

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在vue中从elementui复制日期选择器怎么不显示相关的知识,希望对你有一定的参考价值。

参考技术A 在vue中从elementui复制日期选择器怎么不显示
利用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()"

以上是关于在vue中从elementui复制日期选择器怎么不显示的主要内容,如果未能解决你的问题,请参考以下文章

/deep/ 深度作用选择器作用及使用

ElementUI日期选择器时间选择范围限制

ElementUI日期选择器时间选择范围限制

vue+elementUI 时间范围选择器

解决elementui日期时间选择器提交时与后台date类型不匹配问题

elementui日期选择器只选择月份后如何监听