Es6模板字符串条件判断
// js 代码块
html = `<tr><td data-id=${item.id} style="text-align: center; ">${(function () {if (item.status == 4) {return `<span><i class="iconfont icon-guaqi offHungOnclick" title="取消挂起"></i></span>`;} else {return ` <span ><i class="iconfont editTask icon-bianji" title="修改"></i><i class="iconfont hungOnclick icon-guaqi" title="挂起"></i></span>`;}})()}</td></tr>`
根据不同的数据item.status == 4) 进行条件渲染
Es6模板字符串条件判断相关推荐
- 后端字段为null,前端使用ES6模板字符串进行展示
项目需求:后端字段为null,前端使用ES6模板字符串展示为空 未处理前效果: // ES6的模板字符串可写表达式<template #default="{ row }"&g ...
- [ 前端开发 ] ES6模板字符串
ES6模板字符串 模板字符串是 ES6 的新特性,他的作用是减少了字符串的拼接操作,提高了程序的可读性 接下来看一个栗子
- 重学ES6 模板字符串
在两三年前,jQuery还是比较主流的开发技术,当我们要为页面添加DOM时,一般,我们是这样写的 $("#container").append('Today is <b> ...
- ES6模板字符串【${}配合反单引号一起用】
转自: https://www.cnblogs.com/shihuc/p/10238511.html 先看看JavaScript中两个字符串的效果,就很容易知道模板字符串是个啥东西,其实一点也不新鲜. ...
- 高级JavaScript #ES6(模板字符串,let,箭头函数,forof,参数增强,解构,class,promise)
模板字符串 1.模板字符串: 只要拼接字符串 都用模板字符串代替+a.整个字符串包裹在一对儿反引号 ` ` 中b.反引号``中支持换行 c.反引号中需要动态生成的内容必须放在${}里d. ${}里: ...
- es6模板字符串中循环遍历数据踩坑
应该很少有这种需求,需要在模板字符串利循环遍历数据,现在框架都有自己模板语法. 我这里踩的坑是,我在模板字符串中用forEach,map遍历循环时,返回值一直是一个undefined 用for循环re ...
- ES6 模板字符串 ``
参考原文链接 1. 使用JavaScript输出字符串,通常是下面这样的: console.log("He is <b>"+person.name+"< ...
- ES6模板字符串的扩展
1.模板字符串的扩展 1.1传统的Jquery方法 <div class="content"></div><script>let name = ...
- es6模板字符串中标签模板作为参数时产生空元素的问题
当模板字符串作为标签模板使用时,标签函数接受到的参数分别为(arr,-values) arr:模板字符串中所有那些没有变量替换的部分 -values:各个变量替换后的值 即 let a = 'Oh!' ...
- js es6 模板字符串和使用
模板字符串描述: 模板字符串使用反引号 (``) 来代替普通字符串中的用双引号和单引号.模板字符串可以包含特定语法(${expression})的占位符.占位符中的表达式和周围的文本会一起传递给一个默 ...
最新文章
- mybatis-plus团队新作:mybatis-mate 轻松搞定数据权限
- python程序员最害怕的东西,面试!恭喜你收到了offer,来看下吧
- 文巾解题 5. 最长回文子串
- QT出现“undefined reference to `vtable for’”解决方法
- 写一个公用的gpio口驱动
- JavaScript之jQuery够用即可(each循环、位置偏移量和大小、克隆外层标签、嵌套返回顶部、集体绑定事件)
- Python爬取并简单分析2024年普通高校招生专业(专业类)选考科目要求
- 平板电脑必装十大软件_电脑越用越卡?这5个必装软件,分分钟帮你恢复火箭般的速度...
- Django实战1-权限管理功能实现-10:用户管理
- Navicat for Mysql 的使用
- 龙帝国与避风港最新网址
- 整理了上千个Python类库,简直太酷啦!
- 花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)
- Springcould学习总结
- 基于Faster-RCNN的目标检测(TF版) 步骤与问题解决办法
- 未成年帐号登录华为游戏,启动后不断弹出防沉迷提示
- 密码破解工具John the Ripper使用说明
- 前装车载手机无线充电搭载“翻倍”增长,市场份额争夺战白热化
- 烂笔头:知识回顾-- request类相关
- 解决语言障碍:如何将Axure变为中文版?