vue 数组转字符串

作者：你不爱我就滚。发布日期:2026-05-14 浏览:65

// 示例代码：Vue 中将数组转为字符串

<template>
  <div>
    <p>{{ arrayToString }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fruits: ['苹果', '香蕉', '橙子']
    };
  },
  computed: {
    // 使用 join 方法将数组转换为字符串
    arrayToString() {
      return this.fruits.join(', '); // 输出: 苹果, 香蕉, 橙子
    }
  }
};
</script>

<!-- 解释说明：
1. 在 Vue 组件中，我们定义了一个 `fruits` 数组。
2. 使用 `computed` 计算属性 `arrayToString` 将 `fruits` 数组通过 `join` 方法转换为字符串。
3. `join` 方法的参数是分隔符，这里使用了逗号和空格 `, ` 来分隔数组中的元素。
4. 最终在模板中通过插值语法 `{{ arrayToString }}` 显示转换后的字符串。 -->

上一篇：vue3路由

下一篇：vue生成二维码