ant design vue怎么循环数组替换空值为–
时间: 2023-10-23 14:12:04 浏览: 102
Vue+Ant Design Vue学习经验分享1.doc
5星 · 资源好评率100%
您可以使用 Vue.js 中的 v-for 指令循环数组,然后使用三元表达式替换空值为 '-':
```
<template>
<div>
<div v-for="(item, index) in arr" :key="index">{{ item ? item : '-' }}</div>
</div>
</template>
<script>
export default {
data() {
return {
arr: ['a', '', 'b', null, 'c', undefined]
};
}
};
</script>
```
使用三元表达式可以判断元素是否为空,如果是空则替换为 '-'.
阅读全文