解决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
上一篇: JavaScript实现集合与字典