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

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

相关推荐
扶我起来还能学_3 分钟前
Vue3 proxy 数据响应式的简单实现
前端·javascript·vue
Dragon Wu21 分钟前
前端项目架构 项目格式化规范篇
前端·javascript·react.js·前端框架
QQ 313163789024 分钟前
文华财经软件指标公式期货买卖信号提示软件
java·前端·javascript
狂龙骄子27 分钟前
svg实现蚂蚁线动画
javascript·蚂蚁线动画·蚂蚁线·虚线动画
老华带你飞27 分钟前
房屋租赁管理系统|基于java+ vue房屋租赁管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
惜晨宝贝43 分钟前
文件上传格式限制
前端·html5·上传测试
IT_陈寒1 小时前
Vue3性能优化实战:7个被低估的Composition API技巧让渲染提速40%
前端·人工智能·后端
颖风船1 小时前
膨胀腐蚀及底层实践,拒绝opencv,matlab等方式
前端·opencv·matlab
俩毛豆1 小时前
【毛豆工具集】【文件】【目录操作】生成沙盒目录
前端·javascript·鸿蒙
霁月的小屋2 小时前
从Vue3与Vite的区别切入:详解Props校验与组件实例
开发语言·前端·javascript·vue.js