uniapp-父向子组件传值失效解决方案

最新推荐文章于 2024-12-25 17:27:12 发布

原创最新推荐文章于 2024-12-25 17:27:12 发布

· 1.3k 阅读

0 ·

版权

文章标签：

#uni-app #前端 #javascript

本文介绍了在Uniapp开发中，父子组件间传递数据的三种常见方式：props、slot和ref，并强调了其中一种有效的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
    <view>
        <!-- 我是子组件 newzujian-->
        <view class="">
            {{value}}
        </view>
    </view>
</template>
<script>
    export default {
        data(){
          return{
              value:''
          }    
        },
        methods:{
            gaibian(){
                this.value='789'
            }
        }
    }
</script>

<template>
    <view>
        <!-- 我是父组件 -->
        <newzujian ref="hanshu" >
        </newzujian>
        <button @click="dianji">click</button>
    </view>
</template>
<script>
    export default {
        onLoad() {
        },
        methods: {
            dianji(){
                this.$refs.hanshu.gaibian()
            }
            }
    }
</script>

引用：uniapp父子组件传值3种方法(props、slot和ref)_基础知识_脚本之家