vue数组保留中括号转字符串
时间: 2023-11-21 17:53:57 浏览: 79
vue 实现强制类型转换 数字类型转为字符串
Vue中可以使用`JSON.stringify()`方法将数组转换为字符串,但是这样会将中括号也一起转换成字符串,如果需要保留中括号,可以使用Vue的计算属性来实现。具体步骤如下:
1. 在Vue实例中定义一个数组dataArr,将需要转换为字符串的数组存入其中。
2. 在Vue实例中定义一个计算属性computedStr,使用`join()`方法将dataArr数组转换为字符串,并在字符串前后添加中括号。
3. 在模板中使用computedStr计算属性即可。
代码如下:
```javascript
<div id="app">
<p>{{ computedStr }}</p>
</div>
<script>
const vm = new Vue({
el: '#app',
data: {
dataArr: ['a', 'b', 'c']
},
computed: {
computedStr() {
return '[' + this.dataArr.join(',') + ']';
}
}
});
</script>
```
阅读全文