vue中使用 elemenutUi 时间组件赋值后无法重新更改

2022-06-22  本文已影响0人  高阳刘
<el-date-picker
      v-model="form.dateTime"
      type="datetimerange"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期">
    </el-date-picker>

赋值之后不可修改

this.form.dateTime = [new Date(), new Date()]

$set 赋值(可修改)

this.$set(this.form, "dateTime", [new Date(), new Date()])

set用法

this.$set(原数组, 索引值, 需要赋的值)

我这个获取的时间是数组格式,Vue 不能检测数组的变动,当数据没有被双向绑定的时候,就需要使用$set了
只要值的地址没有改变,vue是检测不到数据变化的

https://www.csdn.net/tags/MtTaEg0sNjQ0NDg2LWJsb2cO0O0O.html

上一篇 下一篇

猜你喜欢

热点阅读