vue3 数据可视化大屏项目开发过程中，需要设置多个背景图，但是设置完成后发现背景图重复了。

多个背景图

background-image: url('./assets/searchbgleft.png'),
url('./assets/searchbg.png'),
url('./assets/searchbgright.png');

如果你想要为一个元素设置多个背景图，并且在每个背景图上禁用重复（no-repeat），你可以将background-image和background-repeat属性结合起来。以下是示例代码：

.element {
  background-image: url('./assets/searchbgleft.png'), url('./assets/searchbg.png'), url('./assets/searchbgright.png');
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left top, center, right top;
  /* 其他背景相关属性 */
}

在上述示例中，我们为.element元素设置了三个背景图，分别是searchbgleft.png、searchbg.png和searchbgright.png。使用逗号分隔不同的背景图。

通过background-repeat属性，我们将每个背景图的重复模式设置为no-repeat，即禁用了重复。

在background-position属性中，我们设置了每个背景图的位置。在本例中，第一个背景图位于左上角（left top），第二个背景图位于中心（center），第三个背景图位于右上角（right top）。多个背景位置使用逗号分隔，与background-image中的顺序对应。

你可以根据需要设置其他背景相关属性，如background-size、background-color等，来进一步自定义背景效果。

请确保将上述代码应用到你的CSS样式表中，并替换./assets/searchbgleft.png、./assets/searchbg.png和./assets/searchbgright.png为实际的图像路径。这样，元素就会应用多个不重复的背景图。