您的当前位置:首页正文

vue el-table-column 三元表达式

来源:华佗健康网
vue el-table-column 三元表达式

Vue中可以使用三元表达式来实现条件渲染,下面是el-table-column中三元表达式的使用示例:

```html

:formatter=\"(row) => {

return row.name !== null ? row.name : '未命名'; }\">

```

上述示例中的formatter属性接收一个函数,在这个函数中使用三元表达式来判断是否存在row.name的值,如果存在则返回row.name的值,否则返回“未命名”。

另外,在Vue中使用三元表达式时,需要注意以下几点:

1. 在表达式中使用()来明确优先级 2. 在表达式中使用:来绑定属性

3. 在表达式中使用{}来表示JS代码块

因此,上述示例中的formatter属性需要使用()来把箭头函数括起来,使用:来绑定属性,使用{}来表示JS代码块。

因篇幅问题不能全部显示,请点此查看更多更全内容