avm 组件数据绑定数组 子组件无法获取到数据

荆芥打香菜

  向子组件通过动态绑定传递数据，绑定的数据为数组，子组件无法获取到数据。传递数据为字符串的时候，实时预览可以看到子组件渲染了数据，真机调试看不到渲染的数据。



例如：apicloud3新建stml页面的教培课程页 的模板案例新建后打开列表区域一片空白，数组数据无法传递到子组件中进行渲染。

技术咨询-特特

参考下文档
https://docs.apicloud.com/apiclo ... ex=5&subIndex=4

荆芥打香菜

父组件

1. <view class="page">
   
2.                 <safe-area></safe-area>
   
3.                 <test-com :string='title' v-bind:list='data'></test-com>
   
4.         </view>

复制代码

子组件

1. <template>
   
2.         <view class="page">
   
3.                         <text>{{list}}</text>
   
4.         </view>
   
5. </template>
   
6. <script>
   
7. 
   
8. export default {
   
9.         name: 'test-com',
   
10.         props:{
    
11.                 list:Array,
    
12.                 string:String
    
13.         },
    
14.         apiready(){//like created
    
15. console.log(JSON.stringify(this.props.list));
    
16.         },
    
17.         updated (){
    
18. console.log(JSON.stringify(this.props.list));
    
19.         },
    
20.         data() {
    
21.                 return{
    
22.                         arr:this.props.list,
    
23.                         title:this.props.string
    
24.                 }
    
25.         },
    
26.         methods: {
    
27. 
    
28.         }
    
29. }
    
30. </script>
    
31. <style>
    
32.         .page {
    
33.                 height: 100%;
    
34.         }
    
35. </style>

复制代码

这样根本显示不了数据
我用vue 验证了一下 在vue中是可以的 但是在avm里边子组件获取不到props传递过来的数据

技术咨询-特特 · 2022-8-19 15:48参考下文档
https://docs.apicloud.com/apicloud3/#/components-guide/passing-by-value?index=5&subIndex=4

技术咨询-F

到模块store 下载一个组件，看其他人怎么写的，参考一下