如果你想在 Vue.js 中分割数据,你可以使用 JavaScript 中的字符串方法split()

例如,假设你有一个包含竖线符号 “|” 的字符串,你可以使用 split() 方法将其分割成一个数组。以下是一个示例:javascriptCopy

<template>
  <div>
    <p v-for="item in items" :key="item">{{ item }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      myString: "https:\/\/t.me\/VinfastGpt|https:\/\/img-gpt.s3.ap-southeast-1.amazonaws.com\/upload\/20230725\/yiA2jI7Hb5lECAB7xHE8d5fE7II5887e.png"
    };
  },
  computed: {
    items() {
      return this.myString.split("|");
    }
  }
};
</script>

在上面的示例中,我们将竖线符号 “|” 用作分隔符,并将字符串分割成一个名为 items 的数组。在Vue模板中,我们使用 v-for 指令遍历数组,并将每个项呈现为一个段落。

By lxcss

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注