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

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

相关推荐
light blue bird11 小时前
支轴事件任务线程执行工序路径的图表组件
前端·jvm·windows
终端行者11 小时前
企业级 Jenkins Pipeline 实战Docker构建前端+Ansible发布
前端·ci/cd·docker·jenkins
风之舞_yjf11 小时前
Vue基础(33)_web Storage(web存储)
前端·javascript·vue.js
夜白宋11 小时前
【Redis深入】二、高性能
java·前端·redis
被考核重击11 小时前
前端高频面试题总结_性能_工程化_网络
前端·网络·性能优化·工程化
夜雪闻竹11 小时前
sql.js WASM 深度解析
javascript·sql·wasm
nnsix11 小时前
Unity 自定义包的 package.json 简单写法
java·服务器·前端
书中枫叶11 小时前
生活缴费充值系统
前端·javascript·经验分享·mongodb·node.js
weixin_4617694012 小时前
npm 修改镜像源依赖下载缓慢运行报错日志解决
前端·npm·node.js