接著上篇《Vue和semantic ui之選擇列表(select)控件賦值問題(一)》,廢話不多說,前因后果可以看《Vue和semantic ui之選擇列表(select)控件賦值問題(一)》(請移步http://www.lxweimin.com/p/b86737957815)。
原來解決辦法:修改后html代碼
<select class="ui search dropdown" v-model="user_group_select">
<option v-for="user_group in user_group_list" v-if="single_user.user_group_id==user_group.user_group_id" :value="user_group.user_group_id" v-text="user_group.user_group_name" selected></option>
<option v-for="user_group in user_group_list" v-if="single_user.user_group_id!=user_group.user_group_id" :value="user_group.user_group_id" v-text="user_group.user_group_name"></option>
</select>
這次解決辦法:修改后html代碼和js代碼
html:這個代碼看上去比上面正常多了,上面的代碼實在是我的騷操作
<select class="ui search dropdown" v-model="user_group_select">
<option v-for="user_group in user_group_list" :value="user_group.user_group_id" v-text="user_group.user_group_name"></option>
</select>
js:可以在改變user_group_select值的地方寫上下面的代碼,就可以改變選擇列表(select)的顯示了。
set value和set text同時使用,不然可能會顯示不出來。
$('.ui.search.dropdown').dropdown('set value', user_group_select)
$('.ui.search.dropdown').dropdown('set text', user_group_name)