Vue 数组转换为字符串:将 ['星期一', '星期二', '星期三', '星期五'] 转换为 "2,3,4,6"
<template>
<div>
{{ convertedString }}
</div>
</template>
<script>
export default {
data() {
return {
days: ['星期一', '星期二', '星期三', '星期五']
};
},
computed: {
convertedString() {
const convertedArray = this.days.map((day, index) => {
return index + 2;
});
return convertedArray.join(',');
}
}
};
</script>
<p>在上面的示例中,我们使用计算属性<code>convertedString</code>来将<code>days</code>数组转换为字符串。我们使用数组的<code>map</code>方法来遍历每个元素,并返回其索引值加2的结果。然后,我们使用数组的<code>join</code>方法将转换后的数组元素用逗号连接起来,最后返回这个字符串。</p>
<p>这样,当您在模板中使用<code>{{ convertedString }}</code>时,将会显示"2,3,4,6"。</p>
原文地址: https://www.cveoy.top/t/topic/p2cf 著作权归作者所有。请勿转载和采集!