豆瓣评分小程序星星评分组件-白红宇

豆瓣评分小程序星星评分组件

阅读量：387 次

发布时间：2019-03-05

本文共 254 字，大约阅读时间需要 1 分钟。

豆瓣评分小程序星星评分组件

评分功能：小星星，多处使用，所以抽出成为component组件，然后在需要使用的页面按需注册导入

1.1，新建component名为stars

在这里插入图片描述

1.2，然后按需在页面注册

在这里插入图片描述

引入，并且传参，星星个数

在这里插入图片描述

1.3，接收页面传值，传递属性，并且在，组件的js中获取并处理

在这里插入图片描述

1.4，计算每种星星个数，并且放回到data中（因为遍历只能是数组，光有123这样的数量还不行，所以用另一个数组进行循环插入，使这个数组拥有对应个数个元素进行遍历）

在这里插入图片描述

1.5，页面拿到每种星星数组的个数，并且遍历

在这里插入图片描述

1.6

转载地址：http://rcgwz.baihongyu.com/

你可能感兴趣的文章

Nginx + uWSGI + Flask + Vhost

Nginx - Header详解

Nginx - 反向代理、负载均衡、动静分离、底层原理（案例实战分析）

nginx 1.24.0 安装nginx最新稳定版

nginx 301 永久重定向

nginx css,js合并插件，淘宝nginx合并js，css插件

Nginx gateway集群和动态网关

Nginx Location配置总结

Nginx log文件写入失败？log文件权限设置问题

Nginx Lua install

nginx net::ERR_ABORTED 403 (Forbidden)

Nginx SSL私有证书自签，且反代80端口

Nginx upstream性能优化

Nginx 中解决跨域问题

nginx 代理解决跨域

Nginx 动静分离与负载均衡的实现

Nginx 反向代理 MinIO 及 ruoyi-vue-pro 配置 MinIO 详解

nginx 反向代理转发请求时，有时好有时没反应，产生原因及解决

Nginx 反向代理解决跨域问题

Nginx 反向代理配置去除前缀