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 相关文章推荐
htm调用JS代码
Mar 15 Javascript
JavaScript 事件冒泡简介及应用
Jan 11 Javascript
在jquery中处理带有命名空间的XML数据
Jun 13 Javascript
使用js获取地址栏中传递的值
Jul 02 Javascript
浮动的div自适应居中显示的js代码
Dec 23 Javascript
在父页面得到zTree已选中的节点的方法
Feb 12 Javascript
Javascript 判断两个IP是否在同一网段实例代码
Nov 28 Javascript
纯jQuery实现前端分页功能
Mar 23 jQuery
JavaScript实现换肤功能
Sep 15 Javascript
从0到1搭建Element的后台框架的方法步骤
Apr 10 Javascript
Vue-cli4 配置 element-ui 按需引入操作
Sep 11 Javascript
antd design table更改某行数据的样式操作
Oct 31 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
AM/FM收音机的安装与调试
2021/03/02 无线电
PHP遍历XML文档所有节点的方法
2015/03/12 PHP
php实现基于pdo的事务处理方法示例
2017/07/21 PHP
替代window.event.srcElement效果的可兼容性的函数
2009/12/18 Javascript
javascript URL编码和解码使用说明
2010/04/12 Javascript
jQuery实现点击标题输入详细信息
2013/04/16 Javascript
浅析JavaScript中两种类型的全局对象/函数
2013/12/05 Javascript
使用jQuery实现返回顶部
2015/01/26 Javascript
Shell脚本实现Linux系统和进程资源监控
2015/03/05 Javascript
对JavaScript的全文搜索实现相关度评分的功能的方法
2015/06/24 Javascript
通用无限极下拉菜单的实现代码
2016/05/31 Javascript
vue子父组件通信的实现代码
2017/07/09 Javascript
Vue.js框架路由使用方法实例详解
2017/08/25 Javascript
js调用设备摄像头的方法
2018/07/19 Javascript
webpack4.x开发环境配置详解
2018/08/04 Javascript
详解Vscode中使用Eslint终极配置大全
2019/11/08 Javascript
40行代码把Vue3的响应式集成进React做状态管理
2020/05/20 Javascript
[01:24]DOTA2上海特锦赛OG战队抵达 专车接机入驻总统套房
2016/02/23 DOTA
Python实现的检测网站挂马程序
2014/11/30 Python
python使用pil生成图片验证码的方法
2015/05/08 Python
matplotlib 输出保存指定尺寸的图片方法
2018/05/24 Python
详解python中的装饰器
2018/07/10 Python
使用pytorch进行图像的顺序读取方法
2018/07/27 Python
Python实现的微信红包提醒功能示例
2019/08/22 Python
pycharm 2019 最新激活方式(pycharm破解、激活)
2020/09/22 Python
python标识符命名规范原理解析
2020/01/10 Python
python中怎么表示空值
2020/06/19 Python
想学画画?python满足你!
2020/12/24 Python
全面解析CSS Media媒体查询使用操作(推荐)
2017/08/15 HTML / CSS
小学生新学期寄语
2014/01/19 职场文书
创先争优标语
2014/06/27 职场文书
党的群众路线对照检查材料
2014/09/22 职场文书
2016年12月份红领巾广播稿
2015/12/21 职场文书
2019自荐信范文集锦!
2019/07/03 职场文书
Python制作表白爱心合集
2022/01/22 Python
《雀魂PONG☆》4月1日播出 PV角色设定情报
2022/03/20 日漫