电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

vue實現(xiàn)評價星星功能

瀏覽:23日期:2023-01-10 11:40:32

本文實例為大家分享了vue實現(xiàn)評價星星的具體代碼,供大家參考,具體內容如下

vue實現(xiàn)評價星星功能

代碼:

<template> <ul class='StarsWrap'> <li v-for='(i,index) in list' :key='index' @click='clickStars(index)'> <img :src='http://www.hdgsjgj.cn/bcjs/xing>index?stara:starb'/> </li> </ul> <p>{{rateScoreText}}</p> </template> <script> export default { name: ’evaluate’, data () { return { rateScoreText: ’’, rateScoreDesc: [’非常不滿意,各方面都很差’, ’不滿意,比較差’, ’一般,還需改善’, ’比較滿意,仍可改善’, ’非常滿意,無可挑剔’], stara:’../../static/img/details/shoucang.png’,//亮星星 list:[0,1,2,3,4], starb:’../../static/img/details/shouc.png’,//暗星星 xing:0, } }, methods:{ clickStars(i){ this.rateScoreText=this.rateScoreDesc[i] this.xing = i+1 console.log('點擊了'+(i+1)+'顆星') } },}</script> <style scoped>.StarsWrap{ width: 100%; height: 0.2rem; margin: 0.1rem 0;}.StarsWrap li{ float: left; margin-right: 0.1rem;}</style>

關于vue.js組件的教程,請大家點擊專題vue.js組件學習教程進行學習。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網(wǎng)。

標簽: Vue
相關文章:
主站蜘蛛池模板: 层流手术室净化装修-检验科ICU改造施工-华锐净化工程-特殊科室建设厂家 | VOC检测仪-甲醛检测仪-气体报警器-气体检测仪厂家-深恒安科技有限公司 | 鑫铭东办公家具一站式定制采购-深圳办公家具厂家直销 | 苏州西朗门业-欧盟CE|莱茵UL双认证的快速卷帘门品牌厂家 | 湖南自考_湖南自学考试 | 威实软件_软件定制开发_OA_OA办公系统_OA系统_办公自动化软件 | 深圳宣传片制作-企业宣传视频制作-产品视频拍摄-产品动画制作-短视频拍摄制作公司 | 交流伺服电机|直流伺服|伺服驱动器|伺服电机-深圳市华科星电气有限公司 | 特材真空腔体_哈氏合金/镍基合金/纯镍腔体-无锡国德机械制造有限公司 | 镀锌角钢_槽钢_扁钢_圆钢_方矩管厂家_镀锌花纹板-海邦钢铁(天津)有限公司 | 欧必特空气能-商用空气能热水工程,空气能热水器,超低温空气源热泵生产厂家-湖南欧必特空气能公司 | 天津电机维修|水泵维修-天津晟佳机电设备有限公司 | 液压中心架,数控中心架,自定心中心架-烟台恒阳机电设计有限公司 行星搅拌机,双行星搅拌机,动力混合机,无锡米克斯行星搅拌机生产厂家 | 六维力传感器_三维力传感器_二维力传感器-南京神源生智能科技有限公司 | 菲希尔FISCHER测厚仪-铁素体检测仪-上海吉馨实业发展有限公司 | 山东聚盛新型材料有限公司-纳米防腐隔热彩铝板和纳米防腐隔热板以及钛锡板、PVDF氟膜板供应商 | 家用净水器代理批发加盟_净水机招商代理_全屋净水器定制品牌_【劳伦斯官网】 | 澳门精准正版免费大全,2025新澳门全年免费,新澳天天开奖免费资料大全最新,新澳2025今晚开奖资料,新澳马今天最快最新图库-首页-东莞市傲马网络科技有限公司 | MES系统-WMS系统-MES定制开发-制造执行MES解决方案-罗浮云计算 | 转向助力泵/水泵/发电机皮带轮生产厂家-锦州华一精工有限公司 | 上海盐水喷雾试验机_两厢式冷热冲击试验箱-巨怡环试 | 石英砂矿石色选机_履带辣椒色选机_X光异物检测机-合肥幼狮光电科技 | 数显水浴恒温振荡器-分液漏斗萃取振荡器-常州市凯航仪器有限公司 | 硅PU球场、篮球场地面施工「水性、环保、弹性」硅PU材料生产厂家-广东中星体育公司 | 脉冲布袋除尘器_除尘布袋-泊头市净化除尘设备生产厂家 | 二维运动混料机,加热型混料机,干粉混料机-南京腾阳干燥设备厂 | 论文查重_免费论文查重_知网学术不端论文查重检测系统入口_论文查重软件 | 臭氧老化试验箱,高低温试验箱,恒温恒湿试验箱,防水试验设备-苏州亚诺天下仪器有限公司 | 上海防爆真空干燥箱-上海防爆冷库-上海防爆冷柜?-上海浦下防爆设备厂家? | 护腰带生产厂家_磁石_医用_热压护腰_登山护膝_背姿矫正带_保健护具_医疗护具-衡水港盛 | 玉米深加工设备|玉米加工机械|玉米加工设备|玉米深加工机械-河南成立粮油机械有限公司 | 硅胶制品-硅橡胶制品-东莞硅胶制品厂家-广东帝博科技有限公司 | UV固化机_UVLED光固化机_UV干燥机生产厂家-上海冠顶公司专业生产UV固化机设备 | 水压力传感器_数字压力传感器|佛山一众传感仪器有限公司|首页 | 元拓建材集团官方网站 | 全温度恒温培养摇床-大容量-立式-远红外二氧化碳培养箱|南荣百科 | 杭州火蝠电商_京东代运营_拼多多全托管代运营【天猫代运营】 | 河南不锈钢水箱_地埋水箱_镀锌板水箱_消防水箱厂家-河南联固供水设备有限公司 | 股指期货-期货开户-交易手续费佣金加1分-保证金低-期货公司排名靠前-万利信息开户 | 浙江宝泉阀门有限公司 | 筛分机|振动筛分机|气流筛分机|筛分机厂家-新乡市大汉振动机械有限公司 |