vue数据格式修改，111111

Question

vue把下面这个数据格式，在页面上输出成：张三、李四、王五  ,这种格式，希望用计算属性的方式，或者自定义指令的方式


```javascript
[{id:01,name:"张三"}，{id:01,name:"李四"}，{id:01,name:"王五"}]

```

Answer 1

该回答引用ChatGPT Plus GPT-4

如有疑问，可以回复我！

您可以使用 Vue.js 的 v-for 指令来遍历数组并在页面上输出名字。以下是一个示例：

在您的 Vue.js 项目中，创建一个新的组件（如 NameList.vue）。
在该组件中，编写以下代码：

<template>
  <div>
    <span v-for="(item, index) in nameList" :key="index">
      {{ item.name }}<span v-if="index < nameList.length - 1">、</span>
    </span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      nameList: [
        { id: 01, name: "张三" },
        { id: 01, name: "李四" },
        { id: 01, name: "王五" },
      ],
    };
  },
};
</script>