浅谈vue中子组件传值的默认值情况
更新时间：2020年11月17日 14:32:42 作者：我是主角我不能死
这篇文章主要介绍了浅谈vue中子组件传值的默认值情况，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
当父组件中的content值没有传入时，子组件利用default属性设置默认值，此情况时，页面会显示default value。
当传入content的值时，default属性的默认值不生效，界面显示为：
补充知识：Vue父组件向子组件传值遇到的BUG
当子组件中含有props属性,使用ref对其中的prop属性赋值时报错
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "werks"
大致意思是：
当你通过直接修改子组件（this.$ref[]）的方式向子组件传值, 父组件重新渲染的时候子组件的修改将会被覆盖, 所以建议直接在子组件data中定义一个值（然后使用ref访问、修改）或者定义一个基于该prop的计算属性来给这个prop赋值
ps：纯属个人理解，有不对的地方感谢指正。
以上这篇浅谈vue中子组件传值的默认值情况就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
SpringBoot中ApplicationEvent和ApplicationListener用法小结
这篇文章介绍SpringBoot中ApplicationEvent用法,注意ApplicationEvent和MQ队列虽然实现的功能相似，但是MQ还是有其不可替代性的，最本质的区别就是MQ可以用于不同系统之间的消息发布，而SpringEvent这种模式只能在一个系统中，需要的朋友可以参考下2023-03-03
面向切面编程,是对面向对象编程的一种补充,是一种编程思想,是对某一类的事情的集中处理,这篇文章主要介绍了Spring Aop组成部分及实现步骤,需要的朋友可以参考下2023-08-08
Spring中@RabbitHandler和@RabbitListener的区别详析
@RabbitHandler是用于处理消息的方法注解,它与@RabbitListener注解一起使用,这篇文章主要给大家介绍了关于Spring中@RabbitHandler和@RabbitListener区别的相关资料,需要的朋友可以参考下2024-02-02
这篇文章主要为大家详细介绍了Java微信支付之关闭订单，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-05-05
这篇文章主要为大家介绍了Java Spring AOP事务实现原理，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-01-01
Spring Cloud Sleuth是一个在应用中实现日志跟踪的强有力的工具，使用Sleuth库可以应用于计划任务 、多线程服务或复杂的Web请求，尤其是在一个由多个服务组成的系统中，这篇文章主要介绍了springboot sleuth 日志跟踪,需要的朋友可以参考下2023-07-07
Spring Boot之Validation自定义实现方式的总结
这篇文章主要介绍了Spring Boot之Validation自定义实现方式的总结，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
这篇文章主要介绍了java8 Stream API之reduce使用说明，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
Google Kaptcha 框架实现登录验证码功能（SSM 和 SpringBoot）
这篇文章主要介绍了Google Kaptcha 实现登录验证码（SSM 和 SpringBoot）功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2018-12-12
这篇文章主要介绍了java 反射和动态代理详解及实例代码的相关资料,需要的朋友可以参考下2016-09-09
最新评论