Question

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

我基本上得到了

<android.support.v7.widget.CardView
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <fragment
                android:id="@+id/autocomplete_fragment"
                android:name="com.google.android.gms.location.places.ui.PlaceAutocompleteFragment"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />
    </android.support.v7.widget.CardView>

我的HTML有selectedItems: [] allItems: [] onSelectOfItem(item) { item.selected = true; }事件，当多选项选择一个项目时会触发该事件，并且它会传入该项目。

我还有一个建议项目列表，如

@select="onSelectOfItem"

然而，当<li v-for="item in allItems" v-if="!item.selected"></li>方法触发并且我分配onSelectOfItem selected = true我没有隐藏该项时，但是如果我使用vue调试工具并检查数据{{1 }}设置为v-for

如果我向转发器添加selected，它可以正常工作。

我希望更改对象上的值会在整个过程中更新，我来自Angular背景，它通过引用传递所有内容，因此无论我在哪里更新false，整个用户界面都会同步

为什么UI不响应对象内的变化？以及如何解决。

由于

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

0 个答案: