vue v-for直接循环数字实例


Posted in Javascript onNovember 07, 2019

vue v-for直接循环数字,也就是固定次数

项目中需要做一个酒店星级,酒店星级就是固定的5星,根据后台返回的数据来显示几星级 

<!--星级,循环固定次数 5次 根据酒店等级显示亮的星星和灰色的星星-->
<svg class="icon" aria-hidden="true" v-for="index of 5" :key="index">
  <use v-if="index < hotelInfo.level" xlink:href="#ht-icon-xingxing" rel="external nofollow" ></use>
  <use v-else xlink:href="#ht-icon-xingxing1" rel="external nofollow" ></use>
</svg>

以上这篇vue v-for直接循环数字实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
比较全面的event对像在IE与FF中的区别 推荐
Sep 21 Javascript
jQuery学习4 浏览器的事件模型
Feb 07 Javascript
JQuery1.6 使用方法三
Nov 23 Javascript
页面回到顶部的三种实现(锚标记,js)
Oct 01 Javascript
js触发onchange事件的方法说明
Mar 08 Javascript
Javascript中的高阶函数介绍
Mar 15 Javascript
JavaScript实现点击文字切换登录窗口的方法
May 11 Javascript
javascript数据类型验证方法
Dec 31 Javascript
jQuery validate+artdialog+jquery form实现弹出表单思路详解
Apr 18 Javascript
jquery代码规范让代码越来越好看
Feb 03 Javascript
canvas时钟效果
Feb 16 Javascript
jQuery实现贪吃蛇小游戏(附源码下载)
Mar 04 Javascript
jsonp格式前端发送和后台接受写法的代码详解
Nov 07 #Javascript
js实现数字从零慢慢增加到指定数字示例
Nov 07 #Javascript
详解Angular cli配置过程记录
Nov 07 #Javascript
ZK中使用JS读取客户端txt文件内容问题
Nov 07 #Javascript
vue 实现强制类型转换 数字类型转为字符串
Nov 07 #Javascript
vue中 数字相加为字串转化为数值的例子
Nov 07 #Javascript
JS实现随机抽选获奖者
Nov 07 #Javascript
You might like
php json_encode与json_decode详解及实例
2016/12/13 PHP
THINKPHP3.2使用soap连接webservice的解决方法
2017/12/13 PHP
event.keyCode键码值表 附只能输入特定的字符串代码
2009/05/15 Javascript
JS中动态添加事件(绑定事件)的代码
2011/01/09 Javascript
jQuery插件-jRating评分插件源码分析及使用方法
2012/12/28 Javascript
15条JavaScript最佳实践小结
2013/08/09 Javascript
jQuery获得IE版本不准确webbrowser的解决方法
2014/02/23 Javascript
zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题
2015/08/27 Javascript
自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框
2015/12/12 Javascript
BootStrap智能表单实战系列(八)表单配置json详解
2016/06/13 Javascript
js实现文字跑马灯效果
2017/02/23 Javascript
js获取json中key所对应的value值的简单方法
2020/06/17 Javascript
webstrom Debug 调试vue项目的方法步骤
2018/07/17 Javascript
JavaScript中set与get方法用法示例
2018/08/15 Javascript
jquery无缝图片轮播组件封装
2020/11/25 jQuery
微信小程序实现页面浮动导航
2020/01/08 Javascript
js实现简单的秒表
2020/01/16 Javascript
Vue自定义render统一项目组弹框功能
2020/06/07 Javascript
解决Vue watch里调用方法的坑
2020/11/07 Javascript
[49:58]完美世界DOTA2联赛PWL S3 Magma vs DLG 第一场 12.18
2020/12/19 DOTA
Python内置数据类型详解
2014/08/18 Python
Python的Socket编程过程中实现UDP端口复用的实例分享
2016/03/19 Python
python3解析库lxml的安装与基本使用
2018/06/27 Python
Django 源码WSGI剖析过程详解
2019/08/05 Python
解决django中form表单设置action后无法回到原页面的问题
2020/03/13 Python
Python全局变量与global关键字常见错误解决方案
2020/10/05 Python
OpenCV利用python来实现图像的直方图均衡化
2020/10/21 Python
CSS3 2D模拟实现摩天轮旋转效果
2016/11/16 HTML / CSS
斯图尔特·韦茨曼鞋加拿大官网:Stuart Weitzman加拿大
2019/10/13 全球购物
关于祖国的演讲稿
2014/05/04 职场文书
政府会议通知范文
2015/04/15 职场文书
大学运动会加油稿
2015/07/22 职场文书
2015年小学重阳节活动总结
2015/07/29 职场文书
2016优秀大学生个人事迹材料范文
2016/03/01 职场文书
Linux安装apache服务器的配置过程
2021/11/27 Servers
清空 Oracle 安装记录并重新安装
2022/04/26 Oracle