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

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

相关推荐
张风捷特烈几秒前
状态管理大乱斗#02 | Bloc 源码全面评析
android·前端·flutter
将心ONE36 分钟前
pathlib Path函数的使用
java·linux·前端
lingzhilab37 分钟前
零知派——ESP32-S3 AI 小智 使用 Preferences NVS 实现Web配网持久化
前端
阿亮爱学代码40 分钟前
日期与滚动视图
java·前端·scrollview
欧米欧42 分钟前
STRING的底层实现
前端·c++·算法
2301_814809861 小时前
踩坑实战pywebview:用 Python + Web 技术打造轻量级桌面应用
开发语言·前端·python
LIO1 小时前
Vue 3 实战——搜索框检索高亮的优雅实现
前端·vue.js
_thought1 小时前
踩坑记录:Vue Devtools(Vue2版)在火狐浏览器上,未在控制台显示
前端·javascript·vue.js
pancakenut1 小时前
从盒模型到画布:以mapbox为例
前端·canvas
珎珎啊1 小时前
前端-闭包
前端