Question

我正在研究自己包装的Element-UI datepicker组件。我想将一个或多个道具添加到默认值。

pickerOptions: {
  type: Object,
  default: () => ({
    addedProp: '',
    defaultProp: 'firstDayOfWeek: 1',    
  }),
},

如何使addedProp具有动态性。如何在组件内部设置此道具。 defaultProp默认应始终处于活动状态。 addedProp应该像可切换的，只有在需要的时候。

Answer 1

我不确定我是否理解正确，但是您可以将pickerOptions更改为计算数据，例如：https://jsfiddle.net/Lczj0ndp/1/

    data() {
      return { dynamicValue: '' };
    }
    computed: {
      pickerOptions1() {
        return { 
          someOption: this.dynamicValue,
          ...
        }
      }

然后可以使一个或多个选项动态化。

有关计算数据的更多信息，您可以阅读here。

Answer 2

修复：

        computed: {
          combinedPickerOptions() {
              return {
                  firstDayOfWeek: 1,
                  ...this.pickerOptions,
              };
          },
       },

解决方案是点差运算符。现在，我可以将“ firstDayOfWeek”设置为默认值，并在需要时设置更多选项。

如何制作元素UI的动态道具

2 个答案: