ElementUI时间选择器,传入时间赋值后之后无法改变
// ElementUI的表格组件<el-date-pickersize="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其他问题解决办法:传送门
解决select 下拉框选择器 input输入框 时间日期选择器el-date-picker 赋值后 出现无法修改选中更改问题