vue2菜鸟填坑之旅-看文档是不可能的，只有填坑才能过得了生活的样子

swiftlinlei

于 2018-07-17 15:04:13 发布

阅读量153

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： Vue2 bug 问题记录解决

本文链接：https://blog.youkuaiyun.com/swiftlinlei/article/details/81081171

19 篇文章

订阅专栏

本文探讨了Vue中复杂数据类型的动态绑定问题，特别是在父组件向子组件传递数据时遇到的挑战。通过具体案例分析，提供了使用Vue.set全局函数解决首个元素绑定失败的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

00001.a.父组件

data(){
    signs:[
        {
            signtime:'请选择',
            signreason:'请选择'
        }
    ]}

,子组件使用props读取signtime和signreason，结果signreason读取为空

b.signs是复杂类型,Vue无法动态绑定，但是后续push可以动态绑定，就是第一个signreason无法绑定

c.使用Vue.set全局函数，放置mouted(){}生命周期中：

this.$set(this.signs,0,JSON.parse(JSON.stringify(this.defsign)));