Fatal编程技术网
  • vue.js/
  • Vue.js VueJS-从方法调整属性不会更新视图

Vue.js VueJS-从方法调整属性不会更新视图

vue.js vuejs2

Vue.js VueJS-从方法调整属性不会更新视图,vue.js,vuejs2,vue-component,Vue.js,Vuejs2,Vue Component,我正在使用Vue Multiselect组件，以及显示建议项的列表 我基本上有 selectedItems: [] allItems: [] onSelectOfItem(item) { item.selected = true; } My HTML有一个@select=“onSelectOfItem”事件，当multiselect选择一个项目时触发该事件，并传入该项目 我还有一个建议项目的清单 <li v-for="item in allItems" v-if="!item.s

我正在使用Vue Multiselect组件，以及显示建议项的列表

我基本上有

selectedItems: []
allItems: []

onSelectOfItem(item) {
   item.selected = true;
}
My HTML有一个
@select=“onSelectOfItem”
事件，当multiselect选择一个项目时触发该事件，并传入该项目

我还有一个建议项目的清单

<li v-for="item in allItems" v-if="!item.selected"></li>

  •
    但是，当启动选择项上的
    onSelectOfItem
    方法并指定
    selected=true
    时，
    v-for
    不会隐藏该项，但是如果使用vue调试工具并检查数据，则
    selected
    设置为
    false

    如果我向中继器添加一个
    @click=“onSelectOfItem（item）”
    ，它就可以正常工作

    我希望更改对象上的值会一直更新，我来自一个角度背景，通过引用传递所有内容，因此无论我在哪里更新
    项。从整个UI中选择的
    都将同步
    
为什么UI没有对对象内的更改做出反应？？我该怎么修理
    

    谢谢
    你能提供一个工作示例来演示这个问题吗？事实上，我意识到我正在做一些根本不需要的事情，所以我实际上不再需要解决这个问题了，不过我想我的问题仍然存在，但这可能更像是多选组件之间的冲突！