vue问题记录

124 阅读1分钟

父子组件传值报错

1、在vue中如果当在父组件通过props传Array/Object类型值给子组件的时候

2、如果子组件的props接收default为 ,如下:

image.png

则会报错:

image.png

原因:props default 数组/对象的默认值应当由一个工厂函数返回

解决:

image.png

表单设置默认值

image.png

设置默认值不生效,解决:

image.png

原因:Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新。nextTick是在下次DOM更新循环结束之后执行延迟回调,在修改数据之后使用nextTick 是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用 nextTick,则可以在回调中获取更新后的 DOM