vue如何动态获取数据改变背景颜色和字体颜色以及获取图片

vue如何动态获取数据改变背景颜色和字体颜色以及获取图片首先要想获取多条数据要用到v-for循环，写到循环就必须写:key话不多说上代码重点就是:style="{background:item.color}" 注意这里要用一个大括号然后还有就是动态获取图片重点是:src=“item.img” 这里不加大括号目前还是获取不到图片两一个重点是此时怎们在咱们的路径前加require此时才能获取到咱们的

xwyjw

3176人浏览 · 2021-04-12 11:58:07

xwyjw · 2021-04-12 11:58:07 发布

vue如何动态获取数据改变背景颜色和字体颜色以及获取图片

首先要想获取多条数据要用到v-for循环，写到循环就必须写:key
话不多说上代码
在这里插入图片描述
重点就是:style="{background:item.color}" 注意这里要用一个大括号
然后还有就是动态获取图片重点是:src=“item.img” 这里不加大括号
目前还是获取不到图片两一个重点是此时怎们在咱们的路径前加require 此时才能获取到咱们的图片
另一个就是咱们想动态去改变咱们的字体颜色和改变背景思路一样直接上代码
在这里插入图片描述

此时就结束了
代码小白有错误可以沟通

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