浅谈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中子组件传值的默认值情况就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
今天我们来讨论另外一类容器：阻塞队列,文中有非常详细的代码示例及介绍,对正在学习JAVA的小伙伴们很有帮助,需要的朋友可以参考下2021-06-06
这篇文章主要为大家详细介绍了Javacsv实现Java读写csv文件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-07-07
这篇文章主要介绍了基于@JsonProperty的使用说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
在处理大数据量的批量更新时,直接使用mybatis的updateBatch可能导致效率低下甚至OOM,通过每次处理5000条数据的方式虽然安全但效率低,更优的解决方案是使用多线程处理,将数据分批并多线程执行,有效提高了处理速度并保证了系统稳定性2024-10-10
这篇文章主要介绍了Java实现蓝桥杯G将军的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-02-02
这篇文章主要介绍了Spring中@Scope注解用法解析,@Scope注解主要作用是调节Ioc容器中的作用域,在Spring IoC容器中主要有以下五种作用域,需要的朋友可以参考下2023-11-11
这篇文章给大家详细介绍了MyBatis属性名和字段名不一致的问题解决,文中有详细的代码示例和图文展示供大家参考,对大家的学习或工作有一定的参考价值,需要的朋友可以参考下2023-12-12
这篇文章主要为大家详细介绍了java基于UDP实现图片群发功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-01-01
URLConnection发送HTTP请求的方法_动力节点Java学院整理
这篇文章主要介绍了URLConnection发送HTTP请求的方法，主要介绍了如何通过Java（模拟浏览器）发送HTTP请求，有兴趣的可以了解一下2017-07-07
这篇文章主要介绍了java如何将Object数组转换为指定类型数组，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
最新评论