页面上有多个组件实例,但只有一个更新

时间:2017-10-02 06:28:31

标签: vue.js

我有一个Vue.js单文件组件,我在页面上使用了两次。

该组件显示一个从AJAX调用填充的列表。但是,只有在我获得AJAX响应后,第二个实例才会正确更新。

我的单页组件如下所示:https://paste.ee/p/W9vVm 我的页面包含2个组件实例:https://paste.ee/p/JmMpd

我似乎无法弄清楚出了什么问题。当我用一个硬编码的值替换AJAX调用结果时,它仍然不起作用 - 只有第二个实例获得更新。

我如何使用v-if与内容值有什么问题?

1 个答案:

答案 0 :(得分:1)

嗯,在这个例子中你没有充分利用Vue,所以你可以做的是在混合中使用props,并将created()和方法从ContentSelector.vue移动到你的单页组件

如下面链接所示

https://paste.ee/p/9GBZ9