怎么在vue组件传递对象中实现单向绑定

怎么在vue组件传递对象中实现单向绑定?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

创新互联成立与2013年,先为钟祥等服务建站,钟祥等地企业,进行企业商务咨询服务。为钟祥企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

computed: { 
  data: function () { 
   let obj={}; 
   obj=this.message//this.message是父组件传递的对象 
   return obj 
 } 
 },

将data中各属性分别绑定到输入框中,并修改试试,你会发现父组件中对应的属性值还是会改变,并没有实现单向绑定的效果,这时就需要加一个方法了

computed: { 
 data: function () { 
  let obj=Object.assign({}, this.message); 
  return obj 
 } 
 },

看完上述内容,你们掌握怎么在vue组件传递对象中实现单向绑定的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


当前题目:怎么在vue组件传递对象中实现单向绑定
链接地址:http://www.csruizhi.cn/article/igihdj.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 成都模版网站建设 自适应网站建设 重庆手机网站建设 成都网站建设 网站建设 成都网站制作 成都网站设计制作公司 营销型网站建设 成都网站建设公司 重庆网站建设 企业网站设计 定制网站制作 成都网站设计 广安网站设计 响应式网站建设 app网站建设 移动手机网站制作 网站建设公司 重庆网站设计 移动网站建设 成都网站制作 成都网站建设公司