更改时语义UI Vue JS不起作用或未触发

Question

我在此仓库中为vuejs使用了语义ui：

repo semantic ui vuewjs

但是当被选择改变时，我找不到如何做的事情：

                <div class="ui segment">
                    <sui-dropdown fluid :options="objects" placeholder="Select Symptom" search selection v-model="currSelectedObject.selectedObjectSearch" />
                </div>
                <sui-segment v-if="currSelectedObject.selectedObjectSearch">
                    <sui-list divided relaxed>
                        <a is="sui-list-item" v-for="item in  items" >
                            <sui-list-content>
                                <sui-list-header>{{item.name}}</sui-list-header>
                                {{item.desc}}
                            </sui-list-content>
                        </a>
                    </sui-list>
                </sui-segment>

我要实现的是sui-dropdown更改后，用v-if = currSelectedObject.selectedObjectSearch显示sui-segment并调用一个函数。

直到现在我尝试了这个：

    <sui-dropdown 
fluid :options="objects" 
placeholder="Select object" 
search 
selection 
v-on:change="searchObjectBySelected" 
v-model="currSelectedObject.selectedObjectSearch" />

v-on:change未触发。

在选择后随vue js的语义ui下拉菜单更改时如何调用函数？

Answer 1

您已使用currSelectedObject.selectedObjectSearch绑定了v-model，所以当所选值更改时，该变量也会更改。你应该看它。

watch: {
  'currSelectedObject.selectedObjectSearch': function() {
    // Do something here.
  }
}