当前位置: 首页 > Web前端 > HTML

Vue3父子(孙子)传值方法provide和inject

时间:2023-03-28 14:13:23 HTML

重要:只能在setup生命周期中使用。在vue3中,尝试在setup中定义数据和方法静态传值给子组件provide("isSpinShow",true);在子组件中使用inject("isSpinShow")动态传值给子组件setup(){letisSpinShow=ref(false);//将值传递给子组件provide("isSpinShow",isSpinShow);//动态改变下面方法中的值constsubmitBtn=()=>{isSpinShow.value=true;ajaxrequest.then(()=>{isSpinShow.value=false;});return{submitBtn,}}Usesetup()insubcomponents{//定义一个常量来接收父/祖父传递的值constisSpinShow=inject("isSpinShow");return{isSpinShow,};}如果定义的数据只在本地使用,不通过return