在vue视图部分显示数组而无需大括号

如何解决在vue视图部分显示数组而无需大括号

我需要在视图部分显示下面的数组，但是我得到了带有大括号的精确数组，我需要没有大括号和引号的数组

数组 [“ WHATSAPP”，“ 2G”，“ CLIQ”]

<v-col cols="12" md="4" class="d-flex">
  <v-chip color="#fff" label>
    <v-icon left> mdi-information-outline </v-icon>Activation
    Not Allowed
  </v-chip>
  <v-chip label>
    {{ deFinitionObj.actnotallow }}
  </v-chip>
</v-col>

打印方式

我需要打印的方式

WHATSAPP，2G，CLIQ

解决方法

听起来像是使用计算属性的绝佳机会

<v-chip label>
  {{ formattedActNotAllow }}
</v-chip>

computed: {
  formattedActNotAllow: ({ definitionObj }) =>
    definitionObj.actnotallow?.join(",")
}