代码之家 › 专栏 › 技术社区 › ST80

vue如何向vcalendar添加属性

vcalendar vue.js javascript

ST80 · 技术社区 · 4 年前

我正在使用 vcalendar 为了我 vue -应用程序。到目前为止,它还可以,但当我尝试添加一些属性时,它们不适用

这是我的代码:

<v-calendar :attributes="attributes" :available-dates="availableDates" @dayclick="dayClicked" />

然后我这样做:

computed: {
  attributes() {
    return this.availableDates.map((date) => ({
       dot: {
         backgroundColor: '#FF0000',
       },
    }))
  },
}

但什么都没发生,我不知道为什么。有人能帮我吗?

0 回复 | 直到 4 年前

tony19 thanksd 4 年前

我假设你试图在中的所有可用日期下添加一个点 v-calendar 。

attributes 不需要计算。它应该只是一个引用 availableDates (未从中映射):

export default {
  data() {
    const availableDates = [ new Date() ]
    return {
      availableDates,
      attributes: [
        {
          dot: true,
          dates: availableDates,
        },
      ],
    }
  },
}

自从 attributes.dates 指 可用日期 ,对的任何更改 可用日期 自动反映在 属性 结合

demo

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前