background-image: url('qingliang.zhu');怎么动态绑定括号里的呢,后端返回的每个名字不同
时间: 2024-02-29 10:52:21 浏览: 62
vue 动态绑定背景图片的方法
如果每个返回的名字不同,那么就需要在前端动态绑定背景图片的URL。可以通过JavaScript或者Vue等框架来实现。
以JavaScript为例,可以通过获取后端返回的名字并将其拼接到URL中,然后再将URL设置为背景图片的URL。具体代码如下:
```js
// 假设后端返回的名字为name
const name = 'qingliang.zhu';
const url = `url('${name}')`;
// 将url设置为背景图片的URL
const background = document.querySelector('.background');
background.style.backgroundImage = url;
```
如果使用Vue等框架,可以在模板中使用动态绑定来实现。具体代码如下:
```html
<template>
<div class="background" :style="{ backgroundImage: `url(${name})` }"></div>
</template>
<script>
export default {
data() {
return {
name: 'qingliang.zhu'
}
}
}
</script>
```
这样就可以根据返回的名字动态绑定背景图片的URL了。
阅读全文