style background变量vue

style的baclground 变量

guhy fighting

2858人浏览 · 2022-12-01 17:13:16

guhy fighting · 2022-12-01 17:13:16 发布

style的background设置变量

:style="{background: (index+1)==actBar?'url(img/'+item.num+'_active.png) no-repeat':'url(img/'+item.num+'.png) no-repeat'}"

:style="'background-image: url(' + item.appface+')'"

:style="'background-image: url('+'img/level/ml/'+girlCharm(item.level)+'.png'+')'"

:style="'background-image: url('+'/static/img/'+item.domainBg+'.png'+')'">

img的src设置变量

:src="'img/act1_'+dataList.sex+'rule.png'"

style的width设置变量

:style="{width: giftLen + '%'}"

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}$/, //不连续的两位字母// /^