vue props 用法

vue  props  用法
1. props: ['id', 'openReading', 'title', 'tags', 'author'] //字段


2.
props: {
    id: {
      // 多个可能的类型
      type: [String, Number],
      required: true,
      // 自定义验证函数
      validator: (value) => {
        return parseInt(value) >= 0
      }
    },
    openReading: {
      type: Boolean,
      default: true
    },
    title: {
      type: String,
      default: ''
    },
    tags: {
      type: Array,
      default: () => [] // 对象或数组默认值必须从一个函数获取
    },
    author: {
      type: Object,
      default: () => {} // 对象或数组默认值必须从一个函数获取
    }
}

js中session操作
JSON.stringify()和JSON.parse()
data = JSON.parse(JSON.stringify(data))

// 保存数据到sessionStorage
let data = JSON.stringify(data)
sessionStorage.setItem('key', 'value');
缩写：
sessionStorage.setItem('key',JSON.stringify(data));
 
// 从sessionStorage获取数据
let data = sessionStorage.getItem('key');
data = JSON.parse(data)
缩写：
data = JSON.parse(sessionStorage.getItem('key'))
 
// 从sessionStorage删除保存的数据
sessionStorage.removeItem('key');
 
// 从sessionStorage删除所有保存的数据
sessionStorage.clear();

sessionStorage.setItem('timeSession',JSON.stringify([dayjs(time[0]).format("YYYY-MM-DD"),dayjs(time[1]).format("YYYY-MM-DD")]))

let time:any[] = JSON.parse(sessionStorage.getItem('timeSession'))

sessionStorage.setItem('timeSession',JSON.stringify([dayjs(time[0]).format("YYYY-MM-DD"),dayjs(time[1]).format("YYYY-MM-DD")]))
let time:any[] = JSON.parse(sessionStorage.getItem('timeSession'))
  let startTime = dayjs(time[0]).format("YYYY-MM-DD") +` 20:00:00`
  let endTime = dayjs(time[1]).format("YYYY-MM-DD") +` 07:59:59`



日期和时间点

<div class="block"> <span class="demonstration">带快捷选项</span> <el-date-picker v-model="value2" type="datetime" placeholder="选择日期时间" align="right" :picker-options="pickerOptions"> </el-date-picker> </div>

pickerOptions: { shortcuts: [{ text: '今天',
            onClick(picker) {
              picker.$emit('pick', new Date());
            }
          }, { text: '昨天',
            onClick(picker) { const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24);
              picker.$emit('pick', date);
            }
          }, { text: '一周前',
            onClick(picker) { const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit('pick', date);
            }
          }]
        },
value2: '',

}

Date.parse(new  Date(new  Date().setHours(new  Date().getHours() +  8)))