Vue图片放数组获取或者后台获取，功能列表

（给以后的自己留方便）最近做个小功能，要求写个功能列表，图片从数组获取，用循环来写。（也可用于图片轮播）一开始也是遇到数组里的图片出不来，后来这样就出来了：功能列表的布局，主要用的是element-ui的popover组件。图片数组：用require请求图片（我这是本地）在循环里绑上 :src图片就出来啦效果图：最后贴上css：如果只有两排功能，是不出现滚动的！...

Ypromise-

4056人浏览 · 2019-12-03 16:30:05

Ypromise- · 2019-12-03 16:30:05 发布

（给以后的自己留方便）
最近做个小功能，要求写个功能列表，图片从数组获取，用循环来写。（也可用于图片轮播）
一开始也是遇到数组里的图片出不来，后来这样就出来了：
在这里插入图片描述功能列表的布局，主要用的是element-ui的popover组件。
图片数组：
要用require
用require请求图片（我这是本地）
在循环里绑上 :src
图片就出来啦
效果图：

最后贴上css：

如果只有两排功能，是不出现滚动的！

如果对你有帮助点个赞哟(＾Ｕ＾）

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