vue el-table-column 三元表达式
Vue中可以使用三元表达式来实现条件渲染,下面是el-table-column中三元表达式的使用示例:
```html
<el-table-column
  prop="name"
column函数的使用  label="名称"
  :formatter="(row) => {
      return row.name !== null ? row.name : '未命名';
  }">
</el-table-column>
```
上述示例中的formatter属性接收一个函数,在这个函数中使用三元表达式来判断是否存在row.name的值,如果存在则返回row.name的值,否则返回“未命名”。
另外,在Vue中使用三元表达式时,需要注意以下几点:
1. 在表达式中使用()来明确优先级
2. 在表达式中使用:来绑定属性
3. 在表达式中使用{}来表示JS代码块
因此,上述示例中的formatter属性需要使用()来把箭头函数括起来,使用:来绑定属性,使用{}来表示JS代码块。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。