vue中使用jsx条件判断

简单结构用三元表达式

rander() {
     
	return (<div>{
      this.isNumber ? <span>11111</span> : <p>aaaa</p>}</div>)
}

复杂结构用块级if else

rander() {
     
	if (this.isSimple) {
     
		return (<span>11111</span>)
	} else {
     
		return (
			<ul>
				<li>aaaa</li>
				<li>bbbb</li>
			</ul>
		);
	}
}

你可能感兴趣的:(vue,jsx,vue,jsx,条件判断)