浅谈vue中子组件传值的默认值情况

浅谈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.VgSgS Instead, use a data or computed property bashttp://ed on the prop's value. Prop being mutated: "werks"

VgSgS

大致意思是：

当你通过直接修改子组件（this.$ref[]）的方式向子组件传值, 父组件重新渲染的时候子组件的修改将会被覆盖, 所以建议直接在子组件data中定义一个值（然后使用ref访问、修改）或者定义一个基于该prop的计算属性来给这个prop赋值

ps：纯属个人理解，有不对的地方感谢指正。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。