上代码:
父组件中(点击这个td弹出子组件内容):
el-table的点击事件:传值给子组件:
子组件接收值:
row是正确打印的!!!此后我利用row中的个别字段作为参数走了一个接口,也是正确打印值的!!!
但是,template里面的table迟迟不渲染数据!!!
都一直是我初始化的值,且尝试 在方法内随便赋一个值,也是不展示的!!
然后又换了prop传参,,,也是一样的效果。。。
我一直想的是 数据加载是在模板加载完成之后的原因,但反过来一想,都是双向绑定不会一直没变化呀。。。
然后命运之神眷顾我了!!!我们测试人员恰好这时删光了数据库这张表的数据,在重造数据测试,然后表中数据显示只有一条的时候,我随便点了一下,成功了!!!
心中有万匹马奔腾而过。。。
仿佛意识到,,,我的子组件写的是没有问题的,是父组件的问题,,,最后终于在大佬提示:ref相当于id,不能一成不变的时候!我终于知道,因为子组件是在加载表格数据的时候就会渲染的,相当于每一行都是相同的组件,那是万万不行的,所以,ref的绑定值改为动态的就好啦~
好啦~至此大功告成!
el-table中使用标签el-popover并在其中插入自定义组件,click触发后获取到父组件向子组件传的值,但不更新子组件模板
最新推荐文章于 2025-03-07 15:06:52 发布