setup调用data中的数据以及修改props传递的数据

最新推荐文章于 2024-04-20 22:19:22 发布

V I.

最新推荐文章于 2024-04-20 22:19:22 发布

阅读量675

点赞数

分类专栏： Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_52568607/article/details/129332783

版权

Vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

文章讲述了在Vue.js中如何在setup函数中访问并修改由父组件通过props传递的数据。通过使用getCurrentInstance获取实例，然后修改data中的副本来实现对props数据的控制，同时强调了props数据的单向数据流特性。

摘要由CSDN通过智能技术生成

setup调用data中的数据以及修改props传递的数据

import { getCurrentInstance } from "vue";
export default {
 // 父组件传过来的值是无法修改的
 props: ["isClose"],
 data: function () {
   return {
  //  将传来的值转为本地数据，因为props传递的数据是单向数据流
     ishhh: this.isClose,
   };
 },
 setup() {
   const a = getCurrentInstance();  // 定义一个新的实例，获取data中定义的值
   const change = () => {
     a.data.ishhh = !a.data.ishhh;    // 获取setup外data的值
     console.log(a.data.ishhh);
   };
   return {
     change,
   };
 },
};