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

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

阅读量：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/

你可能感兴趣的文章

Node-RED中连接Mysql数据库并实现增删改查的操作

Node-RED中通过node-red-ui-webcam节点实现访问摄像头并截取照片预览

Node-RED中配置周期性执行、指定时间阶段执行、指定时间执行事件

Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度

Node-RED怎样导出导入流程为json文件

Node-RED简介与Windows上安装、启动和运行示例

Node-RED订阅MQTT主题并调试数据

Node-RED通过npm安装的方式对应卸载

node-request模块

node-static 任意文件读取漏洞复现(CVE-2023-26111）

Node.js 8 中的 util.promisify的详解

node.js debug在webstrom工具

Node.js Event emitter 详解（示例代码）

Node.js GET、POST 请求是怎样的？

Node.js HTTP模块详解：创建服务器、响应请求与客户端请求

Node.js RESTful API如何使用？

node.js url模块

Node.js Web 模块的各种用法和常见场景

Node.js 之 log4js 完全讲解

Node.js 函数是什么样的？