想要实现在管段 tab 页的表格点击某一行拿到行的管段号设置给焊缝 tab 页表格的下拉框,在行点击事件里面拿数据赋值给下拉框的 options 可以赋值成功,但是点击下拉框的时候发现一直是空数据。在控制台打印数据发现数据已经是更新过来的。
后来发现是因为焊缝表格里面的下拉框的 options 数据更新了,但是焊缝 tab 页并没有重新渲染,所以下拉框的数据也没法更新。
解决办法是给焊缝 tab 页组件加 key 值。
这样在数据赋值成功之后让 key 值改变一下。
这里我默认设置的是 1,数据赋值之后让 key 值++,key 值发生改变之后,vue 就会重新渲染 tab 页,这样就解决掉了这个问题。