Vue3中 background-image在style中如何设置图片宽度

在Vue3中，可以使用以下方式设置背景图片的宽度：

1. 使用CSS属性background-size

可以在style中通过background-size属性设置背景图片的大小，例如：

<template>
  <div class="container"></div>
</template>

<style>
.container {
  background-image: url('your-image-url');
  background-size: 100px auto; /* 宽度为100px，高度自适应 */
}
</style>

2. 使用CSS属性width和height

可以在style中使用width和height属性来设置容器的大小，然后将背景图片的宽度设置为100%。例如：

<template>
  <div class="container"></div>
</template>

<style>
.container {
  background-image: url('your-image-url');
  background-size: 100% auto; /* 宽度为100%，高度自适应 */
  width: 100px;
  height: 50px;
}
</style>

以上两种方式都可以实现设置背景图片宽度的效果，具体选择哪种方式取决于你的实际需求。