0


【VUE】el-date-picker日期选择器回显

使用elementUI - el-date-picker 日期选择器

在请求到后端接口后,返回的数据中,日期数据回显到页面的el-date-picker组件中

                            <el-date-picker
                                v-model.trim="data"
                                type="daterange"
                                :value-format="dateFormat"
                                range-separator="-"
                            >
                            </el-date-picker>
            getData().then((response) => {
                if (response.code == 200) {
                    // 日期回显
                    this.$set(this.data, 0, response.data.startDate);
                    this.$set(this.data, 1, response.data.endDate);
                }
            });
  1. Vue.set( target, propertyName/index, value )

    数组:第一个参数是要修改的数组, 第二个值是修改的下标或字段,第三个是要修改成什么值。

  2. this.$set(this._data,”key”,value')
    对象:第一个参数是要修改的对象, 第二个值是修改属性字段,第三个是要修改成什么值。
    target: 要更改的数据源(可以是一个对象或者数组) key 要更改的具体数据 (索引) value 重新赋的值。

this.$set(变量名,下标,要赋的值)


本文转载自: https://blog.csdn.net/liusuihong919520/article/details/126890074
版权归原作者 SZnA1 所有, 如有侵权,请联系我们删除。

“【VUE】el-date-picker日期选择器回显”的评论:

还没有评论