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

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其他问题解决办法:传送门

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 7
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值