element-ui 周的日期选择器，获取不到第几周

element的周选择器，value-format格式化不了，你只能看到，看得到 摸不着，让人蛋疼。

像这样：

网上有人分享方法通过document.querySelector("").value获取，但第一次只能获取个null，点击获取的永远是上一次的值。这种方法是可行的，只不过不能直接获取。

原理不讲了，直接贴解决办法。

还是先给周选择器组件设一个id，我设置成id="getWeekData"

              <el-date-picker
                id="getWeekData"
                v-model="weekData"
                type="week"
                :picker-options="{firstDayOfWeek:1}"
                format="yyyy 第 WW 周"
                placeholder="选择报告期(周)">
              </el-date-picker>

用watch监听并获取，设置两个字段，一个用来监听，一个用来获取值

export default {
  data() {
    return {
   		weekData:null,
   		weekDataNow:null
    }
  },
}

在this.$nextTick()中获取当前的日期值

watch: {
 weekData() {
      if (this.weekData != null) {
        this.$nextTick(() => {
          this.weekDataNow = document.querySelector("#getWeekData").value
          console.log('week当前的值', this.weekDataNow)
        });
      }
    }
}

结束。。。