uniapp小程序 state怎么存数组
时间: 2023-07-19 11:20:20 浏览: 80
uni-app、微信小程序 富文本内容利用html2json转换成对应类似控件 rich-text 对应的数组资源格式!
5星 · 资源好评率100%
在uniapp小程序中,可以使用Vue的响应式数据来存储数组。具体来说,可以在组件或页面中的data中定义一个数组类型的state属性,并模板中使用该属性。
例如,在组件或页面中可以这样定义data:
```
export default {
data() {
return {
state: {
myArray: []
}
}
},
// ...
}
```
然后,在模板中可以这样使用state.myArray:
```
<template>
<div>
<ul>
<li v-for="item in state.myArray" :key="item.id">{{ item.name }}</li>
</ul>
</div>
</template>
```
此时,当state.myArray中的数据发生变化时,模板中的列表也会自动更新。可以通过Vue提供的API来修改state.myArray中的数据,例如:
```
this.$set(this.state.myArray, index, newValue)
```
其中,index表示要修改的数组元素的下标,newValue表示要设置的新值。
阅读全文