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

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

使用了很多方法只有这个有效!!!

相关推荐
集成显卡2 分钟前
axios平替!用浏览器自带的fetch处理AJAX(兼容表单/JSON/文件上传)
前端·ajax·json
scc21409 分钟前
spark的学习-06
javascript·学习·spark
焚琴煮鹤的熊熊野火11 分钟前
前端垂直居中的多种实现方式及应用分析
前端
我是苏苏31 分钟前
C# Main函数中调用异步方法
前端·javascript·c#
晓风伴月35 分钟前
uniapp: IOS微信小程序输入框部分被软键盘遮挡问题
微信小程序·小程序·uni-app
转角羊儿42 分钟前
uni-app文章列表制作⑧
前端·javascript·uni-app
大G哥1 小时前
python 数据类型----可变数据类型
linux·服务器·开发语言·前端·python
hong_zc1 小时前
初始 html
前端·html
小小吱1 小时前
HTML动画
前端·html
Bio Coder2 小时前
学习用 Javascript、HTML、CSS 以及 Node.js 开发一个 uTools 插件,学习计划及其周期
javascript·学习·html·开发·utools