我之前一只知道模板字符串中可以用三目运算符做判断,但今天有个需求要在模板字符串中添加if条件语句,于是百度了一下,在此记录一下
直接看代码吧
var html = `<div class="">
<p>1</p>
<p>2</p>
<p>3</p>
<p>
${
(function(){
if(条件){
return ``;
}else{
return '';
}
})()
}
</p>
</div>`
这里需要注意的是 如果你是在vue项目中使用,建议使用箭头函数,这里的自执行函数的this不是指向vue实例的。改成如下:
var html = `<div class="">
<p>1</p>
<p>2</p>
<p>3</p>
<p>
${
(()=>{
if(this.num === 1){
return ``;
}else{
return '';
}
})()
}
</p>
</div>`