首页 > 其他分享 >改变props 组件传参

改变props 组件传参

时间:2023-02-08 13:23:14浏览次数:35  
标签:传参 computed 修改 JSON props 组件

修改props

// 将 prop 数据转换为本地数据
  computed: {
    initData: function () {
      return this.fName = this.firstName
    }
  }   // 这样对本地数据进行修改,控制台也不会报错,  js基本数据类型都是值传递,所以无论如何修改,都不会污染父组件的数据。

 

 

computed: {
    initData: function () {
      // 将对象本地化
      return this.newName = JSON.parse(JSON.stringify(this.name))   //深拷贝参数本地化
    }
}

如果父组件向子组件传递的参数是一个对象,对操作prop修改则会影响父组件的值

 

标签:传参,computed,修改,JSON,props,组件
From: https://www.cnblogs.com/lucky06y/p/17101394.html

相关文章

  • JavaScript 实战开发经验!函数多参数传参技巧
    Tips:必选参数指的是必须要传入实参的参数;可选参数在函数中有默认值,如有传入实参,则取实参的值,如果没有传入实参,则使用默认值。函数的众多参数问题当一个函数既有必选参数,......
  • Blazor组件生命周期
        SetParameterAsync这个方法在组件运行后执行。参数们,也就是被标记了 Parameter 特性的参数在被设置以后,通过该方法的 ParameterView 参数传入进来。但是......
  • Blazor子组件传递数据到父组件
    @page"/counter"<PageTitle>Counter</PageTitle><SubComponnenttest="returnDatas"></SubComponnent><h1>Counter</h1><prole="status">Currentcount:@curren......
  • JAVA WEB项目大文件上传下载组件
    ​ 最近遇见一个需要上传百兆大文件的需求,调研了七牛和腾讯云的切片分段上传功能,因此在此整理前端大文件上传相关功能的实现。在某些业务中,大文件上传是一个比较重要的......
  • 基于vue3的跑马灯组件|vue3-marquee
    vue3-marquee是Vue3的一个简单的跑马灯组件,可以创建可定制的跑马灯效果。该组件为您的内容使用插槽,提供多种配置选项来控制跑马灯的效果。安装//npmnpminstallv......
  • 界面组件DevExpress ASP.NET Core v22.2——支持.NET 6
    DevExpressASP.NETCore Controls使用强大的混合方法,结合现代企业Web开发工具所期望的所有功能。该套件通过ASP.NETRazor标记和服务器端ASP.NETCoreWebAPI的生产力和......
  • 认证组件 权限组件 频率组件 过滤排序 分页
    目录回顾认证组件认证组件的使用步骤注意:权限组件权限的使用频率组件使用步骤过滤排序继承APIView写内置过滤类的使用,继承GenericAPIView使用第三方django-filter实现过滤......
  • Vue组件间通讯方式
    总结Vue组件间通讯方式父子组件通讯父向子一般为props:在父组件内,子组件标签上写明传递参数的名字和值,在子组件内部用props声明,即可使用//子......
  • drf认证组件/权限/频率 排序组件 分页组件
    Drf认证组件eg:个别接口需要登录后才可以使用局部使用#需要编写一个认证类#在py文件中创建一个认证类的py文件authentication.py通过继承来编写:eg:登录验证from......
  • DRF - 过滤与排序、分页组件
    目录过滤与排序1.drf内置过滤类【继承GenericAPIView】导入内置过滤器-SearchFilterviews.py-搜索方式2.第三方过滤器导入模块这里用到了第三方模块django-filtersviews......