vue 类型转换 把字符串转成长度为1的数组 把row.ancestors = '100,101,103'转成数组['100,101,103']
时间: 2023-12-30 21:03:25 浏览: 46
Vue.js 时间转换代码及时间戳转时间字符串
可以使用Vue的计算属性来实现这个需求。具体实现方法如下:
1. 创建一个计算属性,用来将字符串转换成长度为1的数组
```javascript
computed: {
strToArray() {
return this.str.split('')
}
}
```
2. 创建一个计算属性,用来将row.ancestors字符串转换成数组
```javascript
computed: {
ancestorsToArray() {
return [this.row.ancestors]
}
}
```
完整的代码如下:
```javascript
<template>
<div>
<p>将字符串转成长度为1的数组:{{ strToArray }}</p>
<p>将row.ancestors字符串转成数组:{{ ancestorsToArray }}</p>
</div>
</template>
<script>
export default {
data() {
return {
str: 'hello world',
row: {
ancestors: '100,101,103'
}
}
},
computed: {
strToArray() {
return this.str.split('')
},
ancestorsToArray() {
return [this.row.ancestors]
}
}
}
</script>
```
注意,如果row.ancestors是一个数组而不是一个字符串,那么就不需要进行转换了,直接使用row.ancestors就可以了。
阅读全文