欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

解决select 下拉框选择器 input输入框 、时间日期选择器el-date-picker 赋值后,出现无法修改选中更改问题

程序员文章站 2022-03-12 21:01:04
ElementUI时间选择器,传入时间赋值后之后无法改变// ElementUI的表格组件

ElementUI时间选择器,传入时间赋值后之后无法改变

// ElementUI的表格组件
                  <el-date-picker
                          size="mini"
                          style="width: 180px"
                          default-value
                          @change="limit_search"
                          value-format="yyyyMMdd"
                          format="yyyy年MM月dd日"
                          v-model="searchMap.tradedate"
                          align="right"
                          type="date"
                          placeholder="选择日期"
                          :picker-options="pickerOptions">
                 </el-date-picker>

下面是赋值代码片段一: 这个直接赋值,就会出现,赋值后时间日期选择器无法选中

// 普通赋值方法
                this.searchMap.tradedate = tradedate;

下面是解决方法:
this.$set 第一个参数是要修改的对象, 第二个参数就是 这个对象里面的属性,也是本次要修改的具体值, 第三个参数是要设置的内容

input 输入框 select下拉框 时间日期选择器el-date-picker 给他们赋值,出现无法选中修改操作,均可以使用该方案来解决问题

// 使用$set赋值
                this.$set(this.searchMap, "tradedate", new Date());
// 使用$set给定了一个初始值,再用普通赋值就可以绑定上了!
                this.searchMap.tradedate = 要设置的值;

一些我遇到的elementui其他问题解决办法:传送门

本文地址:https://blog.csdn.net/weixin_47988564/article/details/112594553