ant design vue怎么循环数组替换空值为–

您可以使用 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>

使用三元表达式可以判断元素是否为空，如果是空则替换为 '-'.

相关问题

ant design vue怎么循环数组把值加起来

您好，可以使用 JavaScript 中的 reduce 方法循环数组将值相加：

const arr = [1, 2, 3, 4, 5];
const sum = arr.reduce((total, current) => total + current, 0);
console.log(sum); // 输出 15

其中，第一个参数是一个回调函数，用来处理数组元素；第二个参数是 reduce 方法的初始值，默认为数组的第一个元素。在上述代码中，回调函数接收两个参数：total 表示从初始值开始到当前元素的累积值，current 表示当前元素的值，通过将它们相加实现对数组元素的求和。

ant design vue怎么在数组里拼接一组数据

您可以使用 JavaScript 中的数组的 push() 方法向数组中添加新的数据。而在 Ant Design Vue 中，我们可以使用 v-for 指令循环遍历数组，然后使用 {{ item }} 渲染数组中的每个元素。例如：

<template>
<div>
<div>{{ dataList }}</div>
<div v-for="item in dataList" :key="item">{{ item }}</div>
<button @click="addItem">添加数据</button>
</div>
</template>

<script>
export default {
data() {
return {
dataList: [1, 2, 3, 4, 5]
}
},
methods: {
addItem() {
this.dataList.push(6, 7, 8)
}
}
}
</script>

在上面的示例代码中，我们使用 dataList 数组存储数据，并使用 v-for 指令循环遍历该数组中的每个元素，并使用 {{ item }} 渲染数组中的每个元素。而在 addItem() 方法中，我们向 dataList 数组中添加了三个新的元素。