javascript - 如何在 vuejs 中解析 vc-date-picker 中的字母

Question

:masks我正在尝试使用该属性在 vc-date-picker 中的月份和日期旁边添加一个标题。

代码：

<vc-date-picker  
                           class="consultation-calendar"
                            ref="calendar"
                           is-expanded 
:masks="{title:'YYYY MMMM' +  $t(`registration.${selectedOffice.office_key}`)}"
      :first-day-of-week="2"
                            mode="date" 
                            :min-date="new Date(min_consultation_date)"
                            :max-date="new Date(reservation_form.due_date)"
                            v-model="form.consultation_date"
                            @update:from-page="updateCalendarYear"
                            :attributes="calendar_attribute"
                            :disabled-dates="computed_calendar_setup.disabled_dates"
/>

正如您在:masks属性中看到的那样，标题将是 . 例如：2021 年 11 月，然后是办公室名称，但在 UI 上显示不同，因为我认为:masks属性将字母的等效值解析为数字或月份的第一个字母。

有什么方法可以让我以正确的方式做到这一点吗？示例：2021 年 11 月我的办公室

标签： javascriptcssvue.js