Каков наилучший способ установить размер и положение реквизита для этого слайдера изображений?

Question

Я нашел похожий подход, но он не выглядит хорошим вариантом.

 props: {
...
            height: {
                type: Number,
                default: 400
            },
            width: {
                type: Number,
                default: 700
            }
        },

Как я могу улучшить этот реквизит высоты и ширины и добавить положение в качестве реквизита, чтобы банер изображения мог динамически располагаться в любом месте с динамическим размером c?

Answer 1

Вы можете добавить реквизиты для posX и posY, например:

props: {
...
  height: {
    type: Number,
    default: 400
  },
  width: {
    type: Number,
    default: 700
  }, 
  posX: {
    type: Number,
    default: 0
  }, 
  posY: {
    type: Number,
    default: 0
  },
},

Или вы можете использовать object prop

props: {
...
  height: {
    type: Number,
    default: 400
  },
  width: {
    type: Number,
    default: 700
  }, 
  position: {
    type: Object,
    default: () => ({x: 0, y: 0})
  },
},