请问有给组件传递参数的文档或者视频吗

BIP674132

请问有给组件传递参数的文档或者视频吗

chyd④④⑤⑤②⑦⑧⑤②

给你一个例子，也可以去avm文档里面去看，地址：https://developer.yonyou.com/doc ... ex=5&subIndex=4
向子组件传值
向子组件传值采用 props 的方式，这里以一个示例来进行说明。

定义子组件，在 props 里面注册一个 title 属性：

// api-test.stml:

<template>
    <text>{title}</text>
</template>
<script>
    export default {
        name:'api-test',
        props:{
            title: String
        }
    }
</script>
这里定义的title属性类型为String，属性类型包括 String、Number、Boolean、Array、Object、Function等。

在其它页面使用子组件时传递静态值：

// app-index.stml:

<template>  
    <view>  
        <api-test title="Hello App!"></api-test>
    </view>  
</template>
<script>
    import './components/api-test.stml'  
   
    export default {  
        name: 'app-index'
    }  
</script>
通过数据绑定传递动态值：

// app-index.stml:

<template>
    <view>
        <api-test v-bind:title="msg"></api-test>
    </view>
</template>
<script>
    import './components/api-test.stml'  
   
    export default {
        name: 'app-index',
        data() {
            return {
              msg: 'Hello App!'
          }
        }
    }
</script>

BIP674132

chyd④④⑤⑤②⑦⑧⑤② · 2024-4-29 08:42给你一个例子，也可以去avm文档里面去看，地址：https://developer.yonyou.com/docs/avm/#/components-guide/passing-by-value?index=5&subIndex=4
向子组件传值
向子组件传值采用 props 的方式，这里以一个示例来进 ...

好哒，谢谢呀

chyd④④⑤⑤②⑦⑧⑤②

BIP674132 · 2024-4-29 11:25好哒，谢谢呀

不客气

BIP632730

学习学习