如果你想在 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
指令遍历数组,并将每个项呈现为一个段落。