vue el-table-column 三元表达式
来源:华佗健康网
vue el-table-column 三元表达式
Vue中可以使用三元表达式来实现条件渲染,下面是el-table-column中三元表达式的使用示例:
```html
return row.name !== null ? row.name : '未命名'; }\">
上述示例中的formatter属性接收一个函数,在这个函数中使用三元表达式来判断是否存在row.name的值,如果存在则返回row.name的值,否则返回“未命名”。
另外,在Vue中使用三元表达式时,需要注意以下几点:
1. 在表达式中使用()来明确优先级 2. 在表达式中使用:来绑定属性
3. 在表达式中使用{}来表示JS代码块
因此,上述示例中的formatter属性需要使用()来把箭头函数括起来,使用:来绑定属性,使用{}来表示JS代码块。
因篇幅问题不能全部显示,请点此查看更多更全内容