Vuejs：如何动态更新变量的值答案

【问题标题】：Vuejs : how to dynamically update value of variableVuejs：如何动态更新变量的值
【发布时间】：2020-12-20 04:12:03
【问题描述】：

我是新手，我想更新day变量值，这将在vuejs-datepicker中实现，如下图所示：

这是我的代码：

data() {
    var day = null
    
    var state = {
        disabledDates: {
            days: [day], // 0,1 (value of the day)
        }
    }
    return {

        state: state,
        day: day,
    }
},
watch: {
    'day': function(day){
        console.log('day: '+day)
        return this.day
    },
},

这是我预期的图像，在一天的值为 0,1 之后：

谢谢..

【问题讨论】：

不清楚你在这里问什么。您说您想“更新日期变量”，但您从未为其分配除null 以外的值。您是在v-model 或类似的地方使用它吗？你的观察者有什么意义？ state 是干什么用的？没用过
等等，我要更新我的代码
状态在 vuejs-datepicker 库中使用
我没有使用v-model，但我想更改观看日期的值
那怎么改天变量days: [day]的值

标签： vue.js vuejs2 vue-cli

【解决方案1】：

听起来您想控制传递给日期选择器 disabledDates 的天数。

为此，我将使用天数 (0-6) 的数组并为日期选择器配置创建一个计算属性

export default {
  data: () => ({ days: [0, 1] }), // or whatever makes sense as a default value
  computed: {
    state: ({ days }) => ({
      disabledDates: { days }
    })
  }
}

您可以随意控制days 属性。例如，使用复选框

<label v-for="(day, index) in ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']" :key="index">
  {{ day }}
  <input type="checkbox" v-model="days" :value="index">
</label>

【讨论】：