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

最新推荐文章于 2024-05-27 18:50:00 发布

YYuanDot

最新推荐文章于 2024-05-27 18:50:00 发布

阅读量976

点赞数

文章标签： uni-app 前端 javascript

本文链接：https://blog.csdn.net/weixin_54368936/article/details/133747283

版权

<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)_基础知识_脚本之家