vue js 字符串转数组

在Vue.js中，你可以使用JavaScript的`split()`方法将字符串转换为数组。`split()`方法接受一个分隔符作为参数，并返回一个包含分割后的字符串的数组。

下面是一个示例：

// 在Vue组件中
data() {
  return {
    myString: "Hello, World!",
    myArray: []
  }
},
methods: {
  convertStringToArray() {
    this.myArray = this.myString.split(", ");
  }
}

// 在模板中
<button @click="convertStringToArray">转换</button>
<p>{{ myArray }}</p>

在上面的示例中，我们定义了一个`myString`变量来存储要转换的字符串。然后，在`convertStringToArray`方法中，我们使用`split()`方法将字符串按照逗号和空格分割成一个数组，并将结果保存在`myArray`变量中。最后，在模板中，我们使用插值表达式`{{ myArray }}`来显示转换后的数组。

当点击"转换"按钮时，字符串将被转换为数组，并在页面上显示出来。

相关问题

vue3字符串转数组

在Vue3中，将字符串转换为数组可以使用split()方法。split()方法接受一个分隔符作为参数，将字符串拆分为多个数组项，并返回一个数组。例如，如果要将字符串以逗号为界限切割为数组，可以使用以下代码：

const str = "apple, banana, orange";
const arr = str.split(',');
console.log(arr); // ["apple", " banana", " orange"]

在上述代码中，我们使用split(',')方法将字符串str以逗号为分隔符切割成数组arr。

vue将字符串转数组

在Vue中，你可以使用JavaScript的split()方法将字符串转换为数组。split()方法接受一个分隔符作为参数，并将字符串分割成多个子字符串，然后将这些子字符串存储在一个数组中。

下面是一个示例代码，演示了如何将字符串转换为数组：

// Vue组件中的代码
data() {
  return {
    str: "Hello,World!"
  };
},
computed: {
  strToArray() {
    return this.str.split(",");
  }
}

在上面的代码中，我们定义了一个data属性`str`，它包含一个字符串"Hello,World!"。然后，我们使用computed属性`strToArray`来将字符串转换为数组。在这个计算属性中，我们使用split()方法将字符串按照逗号分隔，并返回一个新的数组。

你可以在Vue模板中使用`strToArray`来获取转换后的数组：

<!-- Vue模板中的代码 -->
<div>{{ strToArray }}</div>

当你运行这段代码时，你将会看到页面上显示的是一个包含两个元素的数组：["Hello", "World!"]。