文章详情页
浅谈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中子组件传值的默认值情况就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持好吧啦网。
标签:
Vue
相关文章:
1. Python面向对象实现方法总结2. set rs=conn.execute,set rs=server.createobject(“ADODB.recordset”)的性能对比3. 如何使用Mock修改Android设备上的features4. Java 如何实现AES加密5. 浅谈PHP设计模式之门面模式Facade6. Python csv文件记录流程代码解析7. 分析Android 11.0Settings源码之主界面加载8. Windows+Apache搭建PHP开发环境9. PHP操作Session和Cookie10. python基于scrapy爬取京东笔记本电脑数据并进行简单处理和分析
排行榜