微信小程序view循环添加背景图片

<view class="list-box" bindtap="click" data-id="{{item.id}}" style="background-image:url({{item.cover}})"></view>注意：和vue是有区别的不需要v-bind 也不需要使用拼接，在变量处使用{{}}即可使用遍历的参数。扩展：如果使用的是image标签想要设置相关熟悉

成都丁海寅

3565人浏览 · 2021-08-12 14:30:21

成都丁海寅 · 2021-08-12 14:30:21 发布

<view class="list-box" bindtap="click" data-id="{{item.id}}" style="background-image:url({{item.cover}})">
</view>

注意：和vue是有区别的不需要v-bind 也不需要使用拼接，在变量处使用{{}}即可使用遍历的参数。
扩展：如果使用的是image标签，想要设置相关属性，微信小程序内部有相关设置可以直接使用。

https://developers.weixin.qq.com/miniprogram/dev/component/image.html

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^