代码之家 › 专栏 › 技术社区 › yozawiratama

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

semantic-ui vue.js javascript

0

yozawiratama · 技术社区 · 7 年前

我使用此repo中VUEJ的语义ui:

                <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下拉列表更改时,用 v-if = currSelectedObject.selectedObjectSearch 并调用一个函数。

直到现在我才试过这个:

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

v-on:change

1 回复 | 直到 7 年前

1

3

Roy J 7 年前

你已经出发了 currSelectedObject.selectedObjectSearch 使用 v-model

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