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

Posted 2023-02-22

【中文标题】Vuejs：如何动态更新变量的值

【英文标题】：Vuejs : how to dynamically update value of variable

【发布时间】：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]的值

【参考方案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>