更改上的语义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

您已经使用v-model绑定了currSelectedObject.selectedObjectSearch，因此当选择的值发生变化时，该变量也会发生变化。你应该看一看。

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