Question

我有一个要向其传递插槽的组件。我也在设置可以正常工作的背景图像，但是当我尝试设置backgorund图像的大小时，它不起作用。这是我尝试过的

我有一个可拖动的组件，试图设置backgorund图像背景图像，但是尺寸不起作用。

<VueDragResize
        v-for="(rect, index) in rects"
        :key="index"
        :w="rect.width"
        :h="rect.height"
        :x="rect.left"
        :y="rect.top"
        :parentW="listWidth"
        :parentH="listHeight"
        :axis="rect.axis"
        :isActive="rect.active"
        :minw="rect.minw"
        :minh="rect.minh"
        :isDraggable="rect.draggable"
        :isResizable="rect.resizable"
        :parentLimitation="rect.parentLim"
        :snapToGrid="rect.snapToGrid"
        :aspectRatio="rect.aspectRatio"
        :z="rect.zIndex"
        v-on:activated="activateEv(index)"
        v-on:deactivated="deactivateEv(index)"
        v-on:dragging="changePosition($event, index)"
        v-on:resizing="changeSize($event, index)"
        @click.native="getindex(index)"
      >
        <div
          class="filler"
          :style="{background:rect.color,backgroundsize: '30px' }"
        >{{rect.text}}{{rect.recipientname}}</div>
      </VueDragResize>

Answer 1

应为backgroundSize，大写字母S

        <div
          class="filler"
          :style="{background:rect.color,backgroundSize: '30px' }"
        >{{rect.text}}{{rect.recipientname}}</div>

无法设置组件的背景图片宽度和高度

1 个答案: