浅谈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中的scheduleAtFixedRate是一篇介绍Java中定时任务调度器的文章。它详细介绍了scheduleAtFixedRate方法的用法、参数及作用，并给出了一些实例以帮助读者更好地理解其使用。本文为Java开发人员提供了一些实用的技巧，帮助他们更好地管理和控制定时任务2023-04-04
SpringCloud使用AOP统一处理Web请求日志实现步骤
这篇文章主要为大家介绍了SpringCloud使用AOP统一处理Web请求日志实现步骤,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
MyBatis与SpringMVC相结合实现文件上传、下载功能
这篇文章主要介绍了MyBatis与SpringMVC相结合实现文件上传、下载功能的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
这篇文章主要介绍了Java安全ClassLoader,Java类初始化的时候会调用java.lang.ClassLoader加载字节码，ClassLoader就是用来动态加载class文件到内存当中用的,下面详细内容，需要的小伙伴可以参考一下2022-01-01
这篇文章主要介绍了Java基础之自动装箱，注解操作,结合实例形式分析了java拆箱、装箱、静态导入、注释等相关使用技巧,需要的朋友可以参考下2019-08-08
spring boot+vue 的前后端分离与合并方案实例详解
这篇文章主要介绍了spring boot+vue 的前后端分离与合并方案实例详解,需要的朋友可以参考下2017-11-11
这篇文章主要介绍了如何使用Java 8的LocalDate和LocalDateTime类获取指定日期的开始和结束时间,展示了如何通过这些类进行日期和时间的处理,从而简化了日期时间操作,需要的朋友可以参考下2025-02-02
这篇文章主要介绍了解决mybatis case when 报错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2021-02-02
java ArrayList.remove()的三种错误用法以及六种正确用法详解
这篇文章主要介绍了java ArrayList.remove()的三种错误用法以及六种正确用法详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-01-01
这篇文章主要为大家介绍了mybatis的xml中使用@符号调用类方法示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-12-12
最新评论