vue在js上处理后台返回的数组_vuejs 根据后台返回数组，渲染图片路径

后台返回的数组为：

["5", "1", "3", "2", "1",]

页面要实现对应数量的黄色星星

(例如：5的话，五颗黄色的星星，默认是五颗灰色的星星，此处图片就是一个示意，希望大家不要误解)：

默认item里的数据：

stars:[

{starsUrl:"./img/net_more/star_off.png"},

黄色星星的路径：

{starsUrl:"./img/net_more/star_on.png"},

目前页面代码是这样的：

购买意愿

那么问题来了，该如何根据数组里面的数字来替换称黄色的星星呢？

li是v-for="item in items"遍历出来的，stars是items对象里的一个数组对象

vue在js上处理后台返回的数组_vuejs 根据后台返回数组，渲染图片路径相关推荐

JS 上传CSV转JSON | JSON数据转CSV下载 | 数组转CSV
⏹转换方法来源: https://www.30secondsofcode.org/js/s/csv-to-json https://www.30secondsofcode.org/js/s/array ...
Vue中JS遍历后台JAVA返回的Map数据,构造对象数组数据格式
场景 SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图: SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图_BADAO_LIUMANG_ ...
前端vue+element-ui上传图片至七牛，并返回外链URL至后台
前端vue+element-ui上传图片至七牛,并返回外链URL至后台上传文件到七牛云代码 2019/08/12 上传文件到七牛云注册登陆到七牛云,需要认证信息才能创建个人存储空间; 注册等步骤 ...
【Vue】vue2上传Excel表格到后台实战教程（接上一篇下载Excel模板表格到本地）
参考文章作者原文链接入口项目场景: 关于数据新增,需要从后台下载一个Excel表格,然后在表格里面添加数据,再上传给后台,后台做解析处理,往数据库添加数据问题描述需要用到elementUI的文 ...
七牛云 vue 图片上传简单解说，js 上传文件图片
七牛云 vue 图片上传简单解说,js 上传文件图片一.七牛云简介首次使用七牛云存储进行项目的图片存储,整了一上午才整明白,这些官方的教程把明白人也给说糊涂了,文档很不规范. 七牛云有免费的使用额 ...
App.vue文件本质上也是js文件(javascript文件)
App.vue文件本质上也是js文件(javascript文件) App.vue描述的是一个组件(在这里扮演着一个大的组件而已) 组件的结构组件的样式组件的脚本组件的结构:<templat ...
vue中如何点击返回上一页，vue判断没有上页返回首页
vue中如何点击返回上一页,vue判断没有上页返回首页 vue中返回上一页 // 返回 returnBtn(){this.$router.go(-1); }, 返回上一页,先判断是否有上一页,没有则返 ...
vue.js上拉加载
vue.js上拉加载注意事项: 1.overflow属性会导致滚动事件失效 2.连续下拉会导致数据加载时出现问题,给了1s的延迟 <!DOCTYPE html> <html lan ...
浅谈CSS Modules以及CSS Modules在Vue.js上的使用
前言在平常的开发或者学习中,我们可能会有意无意的接触到CSS Modules.那CSS Modules到底是什么呢?现在,我将带你走进CSS Modules,去了解它的始末.本文将从什么是CSS ...

vue在js上处理后台返回的数组_vuejs 根据后台返回数组，渲染图片路径

vue在js上处理后台返回的数组_vuejs 根据后台返回数组，渲染图片路径相关推荐

最新文章

热门文章