博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
五分钟用vue实现一个五星打分效果
阅读量:5965 次
发布时间:2019-06-19

本文共 966 字,大约阅读时间需要 3 分钟。

实现一个像这样的五星打分

图片描述

export default { data() { return { score: 0, content: '', star: [0,1,2,3,4], s_l: -1, old_index: null, } }, computed: { ...mapState(['userInfo']) }, methods: { getStar(index) { if (this.old_index == index) { this.s_l = index - 1; this.score--; this.old_index--; return } this.s_l = index; this.score = index+1; this.old_index = index; } } }

转载地址:http://xttax.baihongyu.com/

你可能感兴趣的文章
JavaScript设计模式-工厂方法模式
查看>>
从 1 到完美,用 node 写一个命令行工具
查看>>
Java Platform SE 8 中文文档
查看>>
2018年第31周-hive支持的Delete和Update的配置
查看>>
Spring AOP 源码初窥(二) 从注解开始
查看>>
如何利用Webp和http缓存节省30%的网络流量
查看>>
JS实现监控微信小程序
查看>>
CSS基础
查看>>
深入理解 MVC 中的 M 与 C
查看>>
你好,我是比特币
查看>>
函数式编程了解一下(上)
查看>>
addRoutes爬坑记
查看>>
关于协程和 ES6 中的 Generator
查看>>
理解节流和防抖
查看>>
懒加载、瀑布流和LightBox实现图片搜索效果
查看>>
laravel框架学习之路(一)前后台用户认证分离
查看>>
比特币钱包安全
查看>>
Lucene就是这么简单
查看>>
2015年第6届蓝桥杯Java B组省赛试题解析
查看>>
一个有味道的函数
查看>>